Menu

Hi,

When I’m using small computer screen the menu become two line and looks really bad.
The menu does not adjust to the size of the computer screen

Please Advise
Thank You

Hi,

Try to put the following code snippet to the Custom CSS

body .main-nav .menu>li>a {
    padding-left:5px;
    padding-right:5px;
}
body .main-nav .menu>li.menu-item-has-children>a {
    padding-right:12px;
}

Regards

I did put the code. But it showed an error.
Please look at the screen shot.

And It’s not working good look at the screen shot.

Thank You

Attachments:

You must be logged in to view attached files.

A screenshot of the menu

A screenshot of the menu after I put your code.

A screenshot of the menu after I put your code still have the same problem.

Attachments:

You must be logged in to view attached files.

Try to decrease also logo container width in Theme Settings -> Header. If the problem remains, then we suggest you choose some other header layout since this one is not dedicated for a large number of menu items.

[Author]

Posts