Different Navbar looking on desktop and mobile

Hello,

I created a submenu on our site today.

On the desktop the submenu looks quite ok (as it is set in the theme options) - but on mobile device it looks like the css is not working. (not uppercase, other font size , etc…)

Is the error known?

Hi @bigdreams,

Thank you for reaching out to us. By default the font size is set to a smaller size for mobile devices, you can override the font size and uppercase settings by adding the following code in the Theme Options > CSS:

.x-navbar .mobile .x-nav li>a {
    font-size: 17px;
    text-transform: uppercase;
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.