Hi,
Yes. Browser not displays menu items in the middle of mobile screen.
Sorry, I didn’t find the issue. Could you paste a video to show the issue? I need to know how to reproduce it. Thanks!
It is possible to disable the scrollbar when the menu panel is shown by custom CSS(“Appearance > Customize: Additional CSS”)
@media (max-width: 767px){
.header-sticky:not(.page_from_top) #wrap-outer, .header-sticky-back:not(.page_from_top) #wrap-outer, .header-sticky-none:not(.page_from_top).ux-header-hide-body #wrap-outer {
padding-top: var(--header-height-mobile, 120px);
}
.menu-panel-inn {
min-height: 100vh;
}
}
Search and social buttons drawn beyond the viewport.
Please fix it by custom CSS:
.menu-panel-inn.container-fluid .container-fluid {
padding-left: 60px!important; padding-right: 60px!important;
}
@media (max-width: 767px) {
.responsive-ux .menu-panel-inn.container-fluid .container-fluid {
padding-left: 20px!important; padding-right: 20px!important;
}
}