Cant eliminate extra section below menu bar

[mtgame21]

Please help me get rid of the extra section below the Menu bar.

I disabled or hid the Title Bar and the Top Bar so I only show the Main Menu bar. As you can see in the Picture where I wrote “this part” below the grey horizontal line.

How can I get rid of this section that is part of the Main Menu bar? Thanks.

Attachments:

You must be logged in to view attached files.

[sharmstr]

Did you do it at the site level or page level? A link would be helpful.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[mtgame21]

More info, ran a couple scenarios…

If the Top Bar is Visible either at the site or page level, didn’t matter, that extra space disappears below the Menu Bar. Note, at this time, I don’t intend to make the Top Bar visible.

The Title Bar turned being visible or not at the page level (regardless of the Top Bar settings)had no impact on visibility of the extra space below the Menu Bar.

Note: this extra space appears below the Menu Bar on every page. If I change the background for the menu bar, the space is still there, so I know its part of the menu bar somehow.

[sharmstr]

Dont mix and match page and site level settings unless you need to. Its hard to tell in your picture, but all you want is the main menu. Nothing else right?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[mtgame21]

Correct, I only plan to use the main Menu Bar. In my Kleo Child Theme Options, Header Options, “Display top bar” is OFF.
For my page settings, under Theme General Setting, Display Tab, Top Bar status = Hidden, and Title section Tab, Hide the title is Checked.

[sharmstr]

Do you have breadcrumbs turned off in theme options and at the page level as well?

I’m trying to reproduce the issue and I cant.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[mtgame21]

Yes, In my Kleo Child Theme Options, Header Options, “Show Breadcrumbs” is OFF. For my page settings, under Theme General Setting, Title section Tab, Breadcrumb = Hidden.

[mtgame21]

And then if I only change the my page settings, under Theme General Setting, Display Tab, Top Bar status = Visible…you will see in the picture that the extra space below the menu bar disappears and above the menu bar is the now visible Top Bar which is blank (I didn’t put anything in it).

Hopefully this is a helpful clue that is goes way for some reason, when the Top Bar is visible.

Attachments:

You must be logged in to view attached files.

[sharmstr]

I tried that before when you explained the scenarios but I cant recreate the issue.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[mtgame21]

Is there any other information that I could provide you that might help solve this issue?

[sharmstr]

Yes, if you give me a link, I can give you some css to fix it.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[mtgame21]

This reply has been set as private.

[sharmstr]

The reason its doing it is because you’ve set your menu height to 30px. That’s all fine an good, but if you would have mentioned that, I would have figured this out quicker 🙂 Looks like bootstrap sets a min-height of 50px on the .navbar class. This isn’t a kleo ‘bug’ really, but should be addressed. For now, put this in your quick css

COPY CODE

.navbar {
min-height: 0 !important;
}

Let me know if that works.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[mtgame21]

That did the trick. Consider this ticket thankfully Resolved.

My apologies for not mentioning the menu height settings earlier. KLEO theme and the support here is 5 star!

[sharmstr]

Oh no problem. I’m going to forward this to the devs since you should be able to set the menu height to whatever you want and have it work. 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

hey @abe – Just a heads up that if you set the main menu height to anything below 50px, bootstrap css has a min-height set on .navbar of 50px which causes a gap. Small issue 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Abe]

thanks @sharmstr
we will include the fix in the next theme update

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts