Menu displays wrong in Ipad Landscape Mode

  • Hi, i’ve already finished my web 2 days ago. I’m using sizzy.co to see how my web looks in many devices as posible. I’m having problems with the visualization in Ipad (Landscape), where the menu goes transparent. My site is https://juno.pe/, could you please help me to find what am i doing wrong? Thanks so much.

    This is how it should look in devices bigger than 768px: https://ibb.co/mSueyn

    This is how it actually looks in Ipad Landscape Mode: https://ibb.co/cxX4W7

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    You’re currently using negative margin to achieve the transparent header look.

    When your browser width gets to a certain point, you’re removing that negative margin: https://www.screencast.com/t/3RtYBsMT4CZy

    You’ll need to keep it in order to keep the effect of the header on top of the section.

    Our pro version has the Page Header module which allows you to do this without negative margins: https://docs.generatepress.com/article/merging-header-navigation-content/

    Let me know if you need more info ??

    Thread Starter christiancfr

    (@christiancfr)

    Thanks for the answer Tom, I love your theme but at the moment i can’t afford it. Is there a workaround i could do, until i could get the pro version?

    Theme Author Tom

    (@edge22)

    It looks like you’ve added the negative margin inside Elementor, then removed it at a certain width. I assume you can change that width? Or remove the setting that’s removing the negative margin?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu displays wrong in Ipad Landscape Mode’ is closed to new replies.

Tags