Change the screen size for collapse menu

Hi, I have a problem with my main menu, i have 6 items in the menu and when the screen is narrower than 1410px the menu jumps to 2 lines, but i don’t want this, i want a collapse menu as 1024px.

Thank you very much.

Jorge

Attachments:

You must be logged in to view attached files.

Hello,

It is possible with CSS. Please provide your site admin access.

Best Regards

Ok, i provide my site admin…

Hi,

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

@media (max-width: 1410px) {
	.main-header .main-nav .menu .menu-item > a {
		padding-left: 6px;
		padding-right: 6px;
		font-size: 12px;
	}
}

@media (max-width: 1065px) {
	body .main-header .main-nav,
	.right-column .search-button{
		display: none;
	}
	
	body .mobile-nav {
		display: block;
	}
	
	body .right-column .mobile-nav-icon {
		display: inline-block;
	}

	body .main-header .site-logo {
		text-align: left;
	}
}

Regards

Thank you very much, perfect!

Regards

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts