How to show the .header-inner flexcroll for mobile ABOVE the #content

[Simone pasqualiniParticipant]

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.

[AndyKeymaster]

Hi Simone,

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

[Simone pasqualiniParticipant]

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.

[AndyKeymaster]

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 pasqualiniParticipant]

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

[Author]

Posts