Main menu not entirely visible on mobile version

Technical Q&A
1

I’m working in the debut theme and I need help fixing the mobile main menu. It’s not entirely visible when dropped down. The last link seems to be hidden behind the homepage photo and there is too much white space at the top of the menu. In the image, there is another link under “about us” that drops down behind the photo. Any insight is appreciated!

2

Hi @yukonbuilt ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.mobile-nav-wrapper.js-menu--is-open{
	transform: translate3d(0px, 160px, 0px) !important;
}

Hope it helps!

1 Like
3 
.mobile-nav-wrapper.js-menu--is-open{
	transform: translate3d(0px, 160px, 0px) !important;
}

@yukonbuilt
add this code in theme.css or theme.scss.

If it can’t work let me know.
Thank you.

1 Like
4

Worked perfectly! Thank you :blush:

1 Like