Menu in small screen mobiles

Hello,
I am writing to you because I have verified that the menu is displayed correctly on medium-large screen mobiles but totally unconfigured on small screen mobiles. I attach an image of a simulator so you can check it. I do not understand why it does not adapt the font size to each device.
Thank you

Attachments:

You must be logged in to view attached files.

Hello,

This is secondary menu and when it has no space enough it may be broken into two lines.

Please specify the range of the width when the problem starts and when it disappear I will provide the custom CSS.

Best Regards

Thank you very much Elise,
The web gives error for width <290 px
Best Regards

Hello,

Responsive design is 320 px min I check on 320px it is correct https://prnt.sc/srmg4e

Here is the code for devices under 320 px

@media screen and (width:319px){
body .whb-color-dark .navigation-style-default .item-level-0 > a {
    color: red;
	  font-size: 10px;
}
}

Best Regards

Copy and paste in styles.css?
Thank you

Hello,

Please add this code to the Theme Settings > Custom CSS > Global.

Best Regards

Thank you very much Elise.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts