Home Forums SEA WordPress Theme Scroll in mobile menu

This topic contains 3 replies, has 2 voices, and was last updated by  SeaTheme 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #19756

    Firespell
    Participant
    Purchased
    Supported

    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

    #19759

    SeaTheme
    Keymaster
    Purchased
    Supported

    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.netTwitterFacebook

    Regards

    #19763

    Firespell
    Participant
    Purchased
    Supported

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

    #19765

    SeaTheme
    Keymaster
    Purchased
    Supported

    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;
     }
    }
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!