Docs

[Robert S]

Hello,

Our mobile menu background is transparent. What is the css to make it solid white again? We are using the X integrity stack. The only change that happened was our SSL company Sucuri added a comodo certification to resolve pagespeed slowness.

siriusdesigngroup.com

Thank you

[Prasant Rai]

Hello Robert,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-nav-wrap.mobile.collapse.in {
    background-color: #ddd !important;
    padding: 0 15px;
}

Thanks.

[Robert S]

Hello thank you for the code,

However, it still looks very different than it was before. It is transparent when I first open it on mobile for about 1 second and then the background files in grey instead of white. The white lines in between are odd distances on the top and bottom and used to be black and there are these little two black downward arrows half cut off on the side.

What caused this change in the first place? And how do we get it back to how it was?

Thank you

[Robert S]

This is what it used to look like. The spacing is a little off because this is on wayback machine but you can see the colour scheme. It also open like this from the start, no transparent delay.

[Robert S]

Ok so I got the background white and the space in the right wider.

The menu opens and closes in a cascade, and the background is only kicking in once the menu is fully open. How do I get the background white from the start of the cascade both on opening and closing?

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Robert S]

I gave the URL in my initial post.

siriusdesigngroup.com

Thank you

[Jade]

Hi Robert,

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

.x-nav-wrap.mobile {
    background-color: #fff !important;
}

Hope this helps.

[Author]

Posts