Make menu font smaller for smaller displays

Hello from 13-15 iches screens the menu goes into two rows how I can make the font smaller for that dimensions so they can fit in one row?

Attachments:

You must be logged in to view attached files.

Hello,

Add the code to the Theme Setting > Custom CSS > Global:

@media screen and (max-width:1122px){
body .main-nav .menu>li>a {
    font-size: 11px;
}
}

Best Regards

Can this changes only be for the menu which is in greek?

Hello,

The provided code should change the font size for both languages at the breakpoint of 1122px. I see other styles in English versions.

You need to add the code to the Theme Settings > Custom CSS > Global.

Best Regards

[Author]

Posts