Docs

[Christopher]

Hi there,

Please remove this code :

ul#ubermenu-nav-main-4-primary {
    margin-right: 10%;
}

Navigate to Customize -> UberMenu -> Menu Bar and set ‘Menu Bar Alignment’ to right.

Hope it helps.

[Gee R]

Thanks, that helps.

However (for large viewport sizes only) the top edge of the submenus still appear within the x-navbar-inner element, rather than on its bottom edge.

In addition:

1) The middle image in the “Our Difference” submenu does not show any title or description
2) How can I include the CSS font size (and bottom padding) of the recent post title text in Home -> News in the same way as I have in Home -> Insights ?

[Friech]

Hi There,

#1 You can add this under Custom > CSS in the Customizer.

@media (min-width:  980px) {
	.ubermenu-submenu {
		top: 60px !important;
	}
	#menu-item-279 .ubermenu-target-title,
	#menu-item-279 .ubermenu-target-description {
		padding-left: 0;
	}
}

#2 Adjust the font-size and color of the News menu item.

#menu-item-243-post-240 .ubermenu-target-title,
#menu-item-243-post-43 .ubermenu-target-title {
	    font-size: 15px;
        color: #2c5891;
}

Hope it helps, Cheers!

[Gee R]

Thanks. However:

1) The “Home” submenu now has a margin above and below all content
2) While the middle image in the “Our Difference” submenu now shows the title and description, the title font-size is bigger than the other two submenu items.

Please advise.

[Lely]

Hello Gee,

1.) Please update this:

@media (min-width:  980px) {
	.ubermenu-submenu {
		top: 60px !important;
	}
	#menu-item-279 .ubermenu-target-title,
	#menu-item-279 .ubermenu-target-description {
		padding-left: 0;
	}
}

To this:

@media (min-width:  980px) {
       .ubermenu-item-level-0 >.ubermenu-submenu {
		top: 60px !important;
	}
	#menu-item-279 .ubermenu-target-title,
	#menu-item-279 .ubermenu-target-description {
		padding-left: 0;
	}
}

2.) This is because of this custom CSS:

.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

Please remove it.

Hope this helps.

[Gee R]

This is great. I think we’re close now 🙂

1) The title text of the middle image in the “Our Difference” submenu need a bit of padding-top so as to have the same alignment as the other two submenu items

2) The description text for Home -> News needs a bit more line-height so as to be consistent with the line-height for the description text of Home -> Insights.

Thanks in advance.

[Lely]

Hi There,

You’re welcome.

1.) Please use this:

 .ubermenu .ubermenu-item-layout-default>.ubermenu-image {
    margin-bottom: 10px;
}

2.) Please update this:

.ubermenu-main .ubermenu-target > .ubermenu-target-description{
  font-size:13px;
}

To this:

.ubermenu-main .ubermenu-target > .ubermenu-target-description{
  font-size:13px;
  line-height:1.5;
}

Hope this helps.

[Gee R]

This is great. Thank you so much for your help.

I think you see why I initially didn’t want to bother you guys with all of this 🙂

[Rue Nel]

You are most welcome!
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts