Scroll in mobile menu

[FirespellParticipant PurchasedSupported]

Content In mobile version of menu doesn’t ft in the screen.
Can’t apply vertical spacing for menu items.

Page URL: http://www.ace.uz

[SeaThemeKeymaster PurchasedSupported]

Hi,

Thanks for reminding us, we will fix it in the next update.

Please fix it by custom CSS(“Appearance > Customize: Additional CSS”) temporarily

@media (max-width: 767px){
.responsive-ux .menu-panel li {
    margin-top: 10px;
 }
}

Did you mean to how to disable the scrollbar when the menu panel is shown?

Regards!<br>
SeaTheme – SeaTheme.net – Twitter – Facebook

Regards

[FirespellParticipant PurchasedSupported]

Yes. Browser not displays menu items in the middle of mobile screen. Search and social buttons drawn beyond the viewport.

[SeaThemeKeymaster PurchasedSupported]

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;
 }
}

[Author]

Posts