Home Forums ePix Support How to show the .header-inner flexcroll for mobile ABOVE the #content

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #58449

    Simone pasqualini
    Participant

    Hello,

    mobile version show the .header-inner flexcroll that when open pushes down the #content.
    Really I need that the .header-inner flexcroll will be open above the content without to push down the #content.

    How do? The solution with the .header-inner flexcroll shown above instead of pushing is working for slide-manager fullscreen.

    Thanks
    S.

    #58470
    Andy
    Andy
    Keymaster

    Hi Simone,

    Can you post a link please – it should show the content above anyway, given it’s in the header still.

    #58471

    Simone pasqualini
    Participant
    #58473
    Andy
    Andy
    Keymaster

    The only way to achieve this would be to make the header-wrap in mobile float over the content by using position:absolute; instead of relative, which is what it is now.

    You would also need to add a margin top to the content to match the height of the menu bar.

    #58474

    Simone pasqualini
    Participant

    hello,

    I tried this.

    @media only screen and (device-width: 768px), only screen and (max-width: 768px) {
    .menu-sidebar-panel {
    display: block !important;
    }
    ul.menu-sidebar-panel {
    padding-bottom: 0px !important;
    }
    #header-wrap {
    position:absolute!important;
    }
    }

    but is not working as expected.

    .menu-sidebar-panel is not inside header-inner flexcroll but always shown.

    I look forward to your reply.

    Regards,
    Simone

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

© 2019 Acoda