Making footer UberMenu different from main menu

[designerwriter]

I have the Primary and Footer menus click in the Automatic Integration Theme Location is this correct? Do I only choose one at a time i.e. click on the Primary menu first, make changes, then click on the Footer menu and make changes or is this correct? Here’s the issue.

It seems that every change I make occurs with both the main UberMenu and the footer UberMenu. I want a bar at the top but not at the bottom where the footer menu is and I want the footer menu font to be smaller. I wish they would put a font size change in edit mode for each menu section. Right now, the footer and main menu fonts are the same size but I want the footer font menu smaller with no background color/bar.

Thanks in advance!
Grace

[rad]

Hi Grace,

Thanks for reaching out.

For that, you’ll have to apply a custom CSS since the settings are global. Please check this https://sevenspark.com/docs/ubermenu-customize, https://sevenspark.com/docs/ubermenu-font and you’ll have to use class selectors for the footer.

Example, let’s say your footer bar has a custom ID off footer-bar-here, then the sample CSS would be

#footer-bar-here ul.megaMenu > li.menu-item > a, 
#footer-bar-here ul.megaMenu > li.menu-item > span.um-anchoremulator {
  font-size: 12px;
}

Please note that we don’t provide customization/development here in the forum. The CSS is just provided as an idea and we don’t maintain the custom codes we provide.

Thanks!

[designerwriter]

Ok thanks. Not sure why the option to change it can’t be a simple solution offered somewhere. Do I contact the UberMenu author for help? This code did not work! Can I change it from global to non-global so that it doesn’t duplicate? Why isn’t there a simple solution within the UberMenu or should I go somewhere else to get help? Any suggestions? I am not a programmer. Should I switch to the Pro menu? Would this allow me to create this difference in the footer menu?

How much would it cost to get someone to write a couple of lines of code for me and where would I go to get this help?

[ruenel]

Hello Grace,

The UberMenu will only apply the settings from Appearance > UberMenu > Main UberMenu Configuration. If you only want to display UberMenu in the navbar and the default menu in the footer, simply go to Appearance > UberMenu > Main UberMenu Configuration > Automatic Integration Theme Location and uncheck the Footer Menu.

I can see that you are using Pro theme. If you want to customize the default menu in the footer, it is best that you create a custom footer in Pro > Footers and make it your global footer. You can insert the Navigation inline element to display the menu items. You can easily weak the menu items when using the Navigation Inline elements. Please check this out:

• https://theme.co/docs/navigation-inline