Menu disappears when window size is smaller then boxed grid width

cholyk · January 2018

When the window size is reduced the menu disappears. I have some CSS in place to help with the menu colors and menu width.

#Top_bar .menu > li {

display: inline-block !important;

float:none !important;

}

.header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper {

width: 110% !important;

margin-left: -5% !important;

background: #689ba6; important

Cheers.

Bryan · January 2018

Hi,
yes, there is always a risk when trying to customize something, try this css as well. There is nothing more that can be done.

@media (max-width:767px){
	body.header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper {
	width: 104%;
	margin-left: -2% !important;
}
}

cholyk · January 2018

I understand. The code came from this support item.

The problem is the responsive menu gets pushed off of the left side of the screen with the margin-left command.

I am still trying to find a solution to the menu colors then.

Bryan · January 2018

But have you tried to add the custom css above? It should fix your problem.

Comments