Home Forums Basel – Premium Template Make menu font smaller for smaller displays

This topic contains 3 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 6 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #107031

    baselart
    Customer

    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?

    Private Content Hidden
    • This topic was modified 6 months, 1 week ago by  baselart.
    Attachments:
    You must be logged in to view attached files.
    #107061

    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

    #107070

    baselart
    Customer

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

    Private Content Hidden
    • This reply was modified 6 months, 1 week ago by  baselart.
    #107106

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.