Change Storefront theme css breakpoint for menus

Hi @tkick – you need to also make sure that the overflow of the nav-menu is added. You can of course change the values.

@media only screen and (max-width: 768px) {
	
	button.menu-toggle {         // Hide the button
		display: none;
	}

	.primary-navigation {        // Show the primary navigation
		display: block;
	}
	
	.nav-menu {                  // Show the primary navigation part 2
		overflow: visible;
	}
	
	.nav-menu li {                // Styling of elements in menu
		display: inline-block; 
		padding-right: 20px;
	}	
}

Moving the breakpoints would be a lot more difficult given that this would mean adjusting your entire CSS file.

Job,
Thanks.

Not working entirely correctly though: the primary menu is now extended/ unfolded by default.

But I will work from here, to see if i can get it going.

And else will just have to accept (that it’s out of my skill set).

Thanks so far.

Hi there,

Since we haven’t heard from you for a while, I’m going to go ahead and close this. If you need to keep it open please let us know.