Responsive Issues

[Rui Guerreiro – SUPPORT]

Hi,

I’m a bit lost in this topic. Based in your screenshot what is missing now?
Thanks

-Rui

[10foldDigital]

Hi,

The languages in the navigation have been removed, but I’m still trying to change the background colour to dark grey to make the white navigation text visible. See attached screenshot.

Thanks

Andrew

[10foldDigital]

This reply has been marked as private.

[David Martin – Support]

I cannot access wp-admin.

I get this error: “Not supported”.

[10foldDigital]

This reply has been marked as private.

[David Martin – Support]

The dark grey is your desktop Nav, it’s hidden because of custom CSS changes that have been made.

You should override desktop CSS for the small screens, an example is:

@media (max-width: 979px) and (min-width: 768px) {
#header-section > #main-nav {
    height: 100% !important;
}
}

[10foldDigital]

Hi,

I added that to CSS, but i couldn’t see any changes.
Is there an easy solution, even If it’s just removing the dark grey strip on mobile, extending the height of the light grey and making the navigation text dark grey – whatever is the easiest solution, we just need the navigation on mobile to be legible.

Thanks

Andrew

[10foldDigital]

This reply has been marked as private.

[David Martin – Support]

Hi Andrew,

I’ve just tweaked the CSS to:

@media only screen and (max-width: 979px) {
#header-section > #main-nav {
    height: 100% !important;
}
}

[10foldDigital]

Hi David,

Awesome, thank you so much for your help!

Cheers

Andrew

[David Martin – Support]

No problem, glad it’s working as you want.