Menu gets cut off

[nblund]

Hi there. Please, have a look at the two images attached. Image 1 shows how the menu gets cut off and pushed to the left on the search archive page. Image 2 shows how the same header performs on another page. As far as I can see there should be plenty of width to avoid any conflict. Can you help? Thanks.

[ruenel]

hello @nblund,

Thanks for writing in!

I have investigated your site thoroughly and I found out that somewhere in your custom layout, you have added a broken CSS:

$el h4 {
 margin-bottom: 0px !important;
 font-weight: 500 !important;}
}

The orphaned } is causing the issue which has messed up the whole page. This needs to be corrected.

Best Regards.

[nblund]

Thank you very much. That did the trick. And sorry about my mistake. When checking the search page I discovered that a different search term would lead to the menu not showing at all (?!!?) - see: https://mhcgh.mohocon.com/?s=niels. Any ideas?

[ruenel]

Hey @nblund,

This last issue is because in your custom header in the Bar element settings, you have added a condition that the Bar element only display when the Post Type is not Post which means pages and this do not include the blog index, archive pages and including the search pages.

If you want to display the Bar element in all of your pages, you need to remove your conditions.

Best Regards.

[nblund]

Ups, that makes it two mistakes on my side. Sorry for wasting your time. Thanks again.

[tristup]

Hi @nblund,

Glad that we are able to help you.

Thanks