Hello,

1-That is the location of the Top Navigation Area. All the content present there is composed by widgets. To add/remove content just go to Appearances > Widgets, in the “Top Header Right” (screenshot).

2-That hole area is in fact the header. You can change it’s height in General Options > Header Options > Header Height (screenshot). Add padding to position the logo vertically using custom css.

3-I already send you the custom css for this in the last reply. This block:

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

Just change the values to your wish. Save changes.

4-Change the content width in General Options > Layout > Boxed Container Width(px) (screenshot)

5-The three bars icon is the mobile menu. In mobile, tab on it to unfold the menu.
You can see it in this screenshot i send you in the last reply:https://share.pho.to/AgAh4
You have set OFF the “Show Responsive Menu Dropdown” option in General Options > Header Options. This is the responsible option that controls the display mobile menu or not.
I already send you the code to resize the logo in mobile as well, in the last reply. The second block of code. Just edit the values to your wish.

Best regards!

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!