Ubermenu Top Nav Spacing

Support
#1

I’m trying to force the menu NOT to skip lines…how do I make that happen?

Right now, it’s causing a line break which throws off all my padding settings. And I don’t want to adjust the padding because I have other menus where this works perfectly, and by changing the global settings just for this menu will make the other menu look bad.

Thanks!

#2

Hi There,

Could you please tell us which browsers you’re using?

I’ve checked on both Chrome & Firefox and the menu is working fine:

Thank you.

#3

You arent looking at the correct page. It’s not published yet - that’s why I took a screenshot. Don’t you see that the menu you’re looking at is different than the screenshot?:

http://lh2.4ca.myftpupload.com/about-us-2/

This is the right page. I tried to explain that it’s not the same as the menu elsewhere, do you understand?

#4

Hi Frank,

Please add this CSS to your Theme Options > CSS, changing the left and right padding to 0 has no effect.

.page-id-1710 .ubermenu .ubermenu-nav .ubermenu-column-1-4 {
    width: initial;
}

Thanks!

#5

That worked perfectly!

#6

Hi Frank,

You may also check this link on how to create CSS selectors so that you can target an element on the page:

https://www.w3schools.com/csSref/css_selectors.asp

#7

Thank you…

How do I get it to stop spilling into the next line? I have the menu set to 1/4’s but it seems to be too large. Can I have the dropdown go wider than the top menu width?

#8

Hi Frank,

Please read the following documentation.

UberMenu - Top level items wrap to a new line

If none of the suggestions there will work for you, try adding this to your UberMenu CSS or Theme Options > CSS

.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
	white-space: nowrap;
}

Hope it helps,
Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.