Hello,

The screenshots are still not visible. Please use one of these online image sharing site’s:
https://share.pho.to/
https://postimage.io/
to upload images and share the link with us.

-Menu below logo, is on of the theme styles. To change the header style you have to go to General Options > Header Options (screenshot: https://pho.to/AgAfV) Select one of the available headers in the drop-down list. In this case the “Below the logo navigation with background” style would do the job.

-If you want to keep the simple style and re-position the menu bar, then add this code into your custom css box:

header#header #navigation {
    float: left !important;
    margin-left: 32% !important;
    margin-top: 3% !important;
}

This will be the result: https://www.clipular.com/c/6267092648329216.png?k=PZjhMj8IjYaDenNVm_3OoA9yVPc

-For the mobile layout, i added this code into your csutom css box:

@media (max-width: 480px){
#logo img {
    margin-right: -60px !important;
    width: 366px !important;
}}

This will fix the logo position (screenshot). I also set to 100% the width of the boxed layout in General Options > Layout. This was causing the misalignment of the mobile layout.

– We strongly suggest to assign the home page and blog page in General Options > Select Special Pages > Select Frontpage/Select Blog page. Some important styling are related to this.
Let us know if you have further questions.

Best regards!

Hello,

1-The screenshot you send is not available.
Please watch carefully the video tutorial on how to add/remove menu items from a menu. Can you send another valid screenshot? I don’t understand what you want to achieve.
2-I see the menu items are still inside the page header bar. Do you want to keep them there?
To remove the “Home/” too (that’s the breadcrumbs line) add this css code:

.breadcrumbss {
    display: none;
}

3-This is not the form of theme in mobile. Please send us some valid wp credentials in a private reply. So we can check your configurations and see what has is causing this.

Best regards!

Hello,

The after navigation menu button does not display in mobile by default. To make it show up you have to use custom css. Add the code into your custom css box located in General Options.
If you need help with it, send us your site’s url. So we can give you the exact code to add.

Best regards!

Hello,

Please edit the last code to this:

@media (max-width: 480px){
#logo img.dark { 
 width: 100%;
 padding-left: 30px !important; 
}
.mobile_small_menu {
    margin-left: -18px !important;
}
}

We added this code: .mobile_small_menu { margin-left: -18px !important;} inside the mobile block (@media 480px). Edit the value to your wish.

Best regards!

Hello,

Yes, you can remove the display of some pages by using custom css. You just have to find the responsible id of each of them. Make the removal code target only the menu items you do not wish to have.
Can i see a link of the site? Let me know one of the menu items you want not to show in mobile and i will send you the right code.

Best regards!

Hello,

I added this code into your custom css box:

.menu-small ul.menu > li > a { color: #444 !important;}
@media (max-width: 480px){
    #content {
    background-color: rgb(253, 250, 250) !important;
}}

I checked the site (all pages) over and over again. I cleaned cache and refreshed pages and no issue is present anymore. The mobile menu is opening and closing as it should. The menu items direct to the right page and the page preview is correct.
Please clear cache and refresh page. Let us know if you need further help.

Best regards!

Hello,

Can i please see a link where are you having this? The hamburger menu shows up when the mobile screen size is reached. It does not have such isues.

Best regards!