Fixed Left Header Mystery White

[jasksks]

Hi there,

Previously before the update, my site at www.thesapling.sg had a transparent fixed left menu. So that when scrolling down after the slider, the nav menu is transparent and shows the page background image. For some reason, after the recent update, the nav menu background is now white and I can’t change it under theme options. Currently, there is no custom css applied on the page.

Please could you advise how I can make the left nav menu transparent again?

Many thanks!

[rad]

Hi @jasksks,

Thanks for writing in.

I tried it on my older installation and it’s the same, there is a padding in the body that pushes the content, hence, the background isn’t going to go under the navbar. Does it have custom CSS?

Plus, I checked your page its background is set within the section, which is only normal for it to appear within the area of the content and not under the navbar.

Could you try restoring your site to previous copy, then clone it to a staging where you can update it. I just need to compare and see what’s changed.

Thanks!

[jasksks]

Hi @Rad thanks so much for your kind attention to the matter.

I’ve created a test site as you requested. You can view it at https://test.thesapling.sg
And see the difference before updating at www.thesapling.sg

I can’t see what has caused the white background on the nav menu for the life of me!

There’s no custom css on the page at the moment. Global Css that pertains to the navbar are

.x-navbar {
border: none;
box-shadow: none;
}

.site {
background-color: transparent;
}

ul.sub-menu li a {
font-size: 15px;
text-transform: uppercase;
font-weight: normal;
}

.x-navbar .desktop .sub-menu a {
color: #333;
}

.x-navbar {
overflow-y: visible;
}

/*
// Navbar.
*/

.x-navbar {
border-right: 0;
box-shadow: 2px 0 4px rgba(0, 0, 0, 0.275);
}

Thank you for looking into this. Appreciate it!

[jade]

Hi there,

Would you mind trying to reasign the site’s background image in X > Theme Options > Layout and Design?

If the issue persists, please try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

In case the issue is still there, please provide us with the admin access to the staging site so that we can check it.

Thank you.

[jasksks]

Hi there, removing the background image under Global options worked like a charm! Thank you very much!

[jade]

Glad to hear it’s sorted. You’re most welcome.