mobile view menu doesn't work

Site URL: https://www.chicagoawakening.church

The website looks fine on computer but when I connect on my phone, the mobile view menu bar (Three lines on the upper right corner) doesn't work. 

Can someone please take a look and help??!

What do you mean by does work? It does seem to work in my testing, but the problem I can see is that the background colour is white and the navigation link colour is white, you can adjust these settings in the Design Style editor.

Hi Ziggy,

Thanks for the reply. You were right! The text was set to white so they didn't show up on white background. However, I was trying to change the Them color so the background would have some color and I can still keep the text white, it still doesn't change as I set from the them color palette.

Now it shows dark navy text on white background (which is better than before) but I still have a fade trace of shadow of logo (because the logo is white).

Maybe I have something in my CSS that won't let me make the change?

Could you please take a look at the page?

On 10/5/2022 at 11:24 PM, ChicagoAwakeningChurch said:

Hi Ziggy,

Thanks for the reply. You were right! The text was set to white so they didn't show up on white background. However, I was trying to change the Them color so the background would have some color and I can still keep the text white, it still doesn't change as I set from the them color palette.

Now it shows dark navy text on white background (which is better than before) but I still have a fade trace of shadow of logo (because the logo is white).

Maybe I have something in my CSS that won't let me make the change?

Could you please take a look at the page?

To change burger overlay color, add this to Design > Custom CSS

.header-menu-bg.theme-bg--primary {
    background-color: #42617a !important;
}
nav.header-menu-nav-list * {
    color: white !important;
    border-color: white !important;
}
body.header--menu-open .burger-inner>div {
    background-color: white !important;
}