Blog posts layout issues

[vlntnt]

Hi, I have few questions regarding the blog posts pages.

The Expert Perspective - Jim Marous - CFTE

1. How can I hide the breadcrumbs?
2. Why is the header on that page different than the one on the others? It gets squashed super weirdly:

If I change the “Site Max Width” from Theme options it sort of gets fixed however this changes the layout of the inner container in the entire website. Is there a way I can sort only the header out, without chaging the content?

Thank you.

[rad]

Hi @vlntnt,

Thanks for reaching out.

1. You can hide it through Theme Options > Header > MISCELLANEOUS > BREADCRUMBS by turning it off.

2. Some template may display breadcrumbs some may not especially if the page uses a blank template. And clipping occurs as your screenshot since it’s floating. Please go to Theme Options > Header > NAVBAR > NAVBAR TOP HEIGHT and set it to 184 instead of just 90.

Or, you can remove a menu item and decrease logo width to make sure they are still inline which fits on 90 height.

Thanks!

[vlntnt]

This is what setting it to 184 instead of 90 did. Isn’t there a way the logo to go left and the menu on the right /full width/?
Why is the header there different than on the other pages?

[nabeel]

Hi @vlntnt,

To make the logo go left and menu to the right you can add the following code in the Theme Options > CSS:

.masthead .x-navbar .x-container {
    max-width: none;
    width: 98%;
}
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 10px;
    padding-right: 10px;
}
.x-navbar .desktop .x-nav > li > a {
    font-size: 14px;
}

You have assigned a Pro header to your other pages that’s why you see a different header on different pages. You can make the header Global to use it on all pages and that way you won’t need to add the above code.

Cheers!