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

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

    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.


    Simone pasqualini
    Participant

    http://laboratorio35.com/en/shop/moncler-gamme-blue-men-s-sportswear-zip-jacket-ref-11-391-4100000/

    try to look with ipad simulator.

    Thanks
    S.

    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.


    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.