Hello,

Can i please see a link where are you running this?
1-That’s the menu bar and page header(gray bar) overlapping. You can avoid it by adding this code into your custom css box:

.top_wrapper {
    padding-top: 100px !important;
}

Screenshot: https://pho.to/AfyN2

2-Remove “you are here” line by adding this code into your custom css box:

.page_parents li:first-child {
    display: none;
}

3-Add or remove menu items in Appearances > Menus. Watch this video tutorial to understand more about it.

4-In Appearances > Widgets, just add an empty ‘Text’ widget to the second footer column. See screenshot:https://www.clipular.com/c/5593268248379392.png?k=nDUVZq3aIPAbL9FCXjeYFCO86Rk

Let us know.

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 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-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,

1-The second code i send you has the css classes that point to the logo. You can add/remove attributes to it to edit the logo position. To address to only the desktop version(not mobile) remove the @media rule.
Example:

#logo img {
    margin-right: -60px !important;
    width: 366px !important;
    padding-top: 30px !important;
}

I added the padding-top: 10px !important; to the previous code.

2-For the header, just change the margin-left value until you are happy with the result. In your custom css box, in the block code:

header#header #navigation {
    float: left !important;
    margin-left: 11% !important;
    margin-top: 4% !important;
}

I changed margin-left from 32% to 11%. Please check your site.

PS: I suggest you learn more about css to customize further the site to your wish. Check out these sites as reference:
https://www.w3schools.com/css/
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
https://css-tricks.com/

Best regards!

Hello,

Yes, add this code into your custom css box:

.header_page.normal h1 {
    display: none;
}

Let us know.

Best regards!