Menu on Smaller Screens

[bradbremner]

I have a fairly large menu and noticed on smaller screens it overflows to a second row and look awful. I would like to keep the menu as it is, is there some way I can decrease the menu font size or spacing, or make it responsive for smaller screens to avoid this? Please see the screenshot. Thank you!

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Brad,

Can you send me your site url so we can give you code to make menu responsive on small screen.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi Brad,

Please try add below code

@media only screen and (max-width: 1366px) {
.jas-menu > li:not(:first-child) {
	margin-left: 35px;
}}

and decrease 35 to make your site work

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts