Dropdown menu on white background on Home page

yavor50

Ninja
I have turned off submenus, so that the issue is not present on desktop version. On mobile however it is still visible. Please see attached photo.

Ninja

yavor50
Hi
Kindly check it in mobile view, here is view from mobile http://prntscr.com/zkyhqa
+there is no submenu.

yavor50

I am afraid issue is still present after loading of frontpage. Seems like the topbar mainmenu is pushing down the Hero image and is being displayed transparently. Same in mobile view after loading when topbar mainmenu is displayed as dropdown. Please see attached photos.

Ninja

yavor50
Hi
Mega menu slide work like this and move the container down, However there is no white space when i checked in phone. As you are not checking it in real device maybe style not loading. Use your phone browser like chrome and check.

yavor50

Currently it shows black because of the overall black background of the website and I need the background white. Only option I see is to turn off transparency of the menu for mobile devices. Could you help with any advice here?

Ninja

yavor50

Hi
The black is from T4 content color that work all over site with this code

.t4-content {
    background-color: #000000;
}

yavor50

I am not sure this solution helps. What I would like to have is a white background for the website and a dropdown menu that either does not push the Hero image down or, alternatively, shows on a black background without any transparency. Any other suggestion that will not show the menu on a white background after loading of the frontpage and will still keep the white background of the website is more than welcome.

Ninja

yavor50
Hi
The color comes like this, Further if you want to customize, you can check different style testing using inspect element tool from browser that will allow you to test the style in real time as per your needs.

Regards

yavor50

Thanks and sorry for not replying earlier. It seems now on mobile devices the background of the dropdown menu is blue (see photo), althought the background is changed in Custom CSS to black with the following code:

.dropdown-menu {
background-color: #000;}

Any advice how to change it to black? Thanks ahead.

Ninja

yavor50
Hi
Here is code you can override

@media (max-width: 991.98px){
body.nav-open #t4-header.t4-palette-primary {
    background-color: #2e3d96;
}}

yavor50

Works perfect for me. Thanks yet again for the amazing support!