menu on tablet landscape

Hi,

Unfortunately, the menu is too long on left tablet landscape (Samsung Galaxy Tab Pro) and some menu title are shown on the second line.

Please let me know if we can reduce the gab or space between menu title

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

@media (max-width: 1510px) {
    .main-nav .menu > li > a{
        padding-left: 9px;
        padding-right: 11px;
        font-size: 12px;
    }
}

And you need to reduce the logo to 180 pixels. You can do this in Theme Settings -> Header -> Logo -> Logo image maximum width

Kind Regards
XTemos Studio

please specify whre I have to add this code.

global css or tablet css?

You need to add the snippet to the Global Custom CSS.

[Author]

Posts