#77344 Mobile Layout Runs behind Header

Landing Forums JupiterX WordPress Theme Mobile Layout Runs behind Header

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • Chelsie Chow

    Hi I have a page that I am working on… https://passportunlimited.stagemydomain.com/local-dine-shop-save-local/clothes-accessories/ . Do you know why in the mobile layout, it runs behind the header? It looks fine for the desktop and tablet layout.

    Thanks!

    Amir Rather Support Team

    Hi There

    Please try this CSS in Jupiter X > Customize > Additional CSS:

    @media (max-width: 768px){
    .page-id-2300.jupiterx-header-mobile-behavior-off.jupiterx-header-overlapped-mobile .jupiterx-header {
        position: relative !important;
    }}

    Regards

    Chelsie Chow

    IS there a way to make it so it shows up on the pages without a transparent header?

    Amir Rather Support Team

    This CSS will only affect this one page, do you want it for all pages with transparent Header?

    In that case, add it without .page-id-2300 part and then check.

    Regards

    Chelsie Chow

    No, just that there are multiple pages without a transparent header, and some with transparent header. If we remove that it will affect the transparent header layouts. It shoudn’t even be overlapping in mobile, since it isn’t in desktop and tablet view.

    Amir Rather Support Team

    Hi There

    I don’t quite understand what you mean, would you please kindly rephrase?

    But I see the Header is Set to Overlap on Mobiles https://prnt.sc/u5bnaq

    So what exactly do you mean by “It shouldn’t even be overlapping in mobile since it isn’t in desktop and tablet view.”

    Regards

    Chelsie Chow

    That was it! Sorry it wasn’t clear. Thanks for your help!

    Amir Rather Support Team

    You’re most welcome 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic. Login