Menu background different in different web browsers

mattsaundersmcp · March 2019

Hello

I have noticed that the menu background is transparent in Chrome and Safari but has a white background in Firefox, we want to have a transparent background across all browsers, also we would like to have the menu dropdowns closer to the parent menu item, at the moment the sub menu look disconnected from the parent

We are running the latest version of BeTheme and Wordpress

URL: www.beingbold.com.au

This is Firefox https://imgur.com/a/k7EXGI8

This is Safari https://imgur.com/a/9crrIKG

Thanks for your help

Pablo · March 2019

Hi,

Did you enable the "Transparent: Top Bar with menu" in the Theme Options > Global > General ?

http://prntscr.com/mzeh7l

It's the only place where it should be enabled.

Thanks

mattsaundersmcp · March 2019

Fantastic that worked

Is there a way to change the way the sub menu items display, if you hover over the Grow with Caroline link the submenu appears much further down, can we change it so the sub menu appears under the parent link and not have the big gap?

Pablo · March 2019

Please paste this CSS into the Theme Options > Custom CSS & JS > CSS


#Top_bar .sub-menu{
	top:70px !important;
}

Thanks

mattsaundersmcp · March 2019

Thank you very much, that worked

Menu background different in different web browsers

Comments