bug on mobile with a header builder

  • Resolved golded

    (@golded)


    11 months ago

    hi, i created a home made header with elemento for this website :

    On mobile only, there is a margin who appears when we moove the screen with the finger, there is a margin on the right who appears.

    I check the responsive version (layout etc) for the header but impossible to understand what is the problem. I set a column 80% (logotype) and 20% for me burger menu on mobile. If i set 60% and 40 % it works well without margin on the right.

    Thanks in advance for your help.

    Regards

    • This topic was modified 11 months ago by James Huff.
    • This topic was modified 10 months, 4 weeks ago by Jan Dembowski.

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

Viewing 4 replies - 16 through 19 (of 19 total)
  • Plugin Support Joel

    (@joelsm)

    Hello,

    Thank you for your response. In summary, the issue with the menu may be that it is overflowing.

    Staging as Martha mentioned the Overflow in the Astra theme or in the Elementor Header & Footer Builder Plugin. 

    You can also try with a Z-Index in your container, set in 999. 

    In any case, all this must come from another plugin or widget that is not associated with Elementor, because what is the header and footer as the menu, are in the pro version of Elementor. 

    So, none of our articles about header and menu are going to help you, because you are using another plugin and widget. In this case, according to the code, you are using Elementor Header & Footer Builder – WordPress plugin. 

    In this case, I recommend reaching out to the plugin author directly. They’ll be in the best position to assist you with this particular issue.

    Your understanding and cooperation are greatly appreciated.

    Kind Regards, 

    Plugin Support Rica V.

    (@ricav)

    Hi @golded,

    The white space or horizontal scrolling on mobile devices is likely due to an “overflow” issue. To fix this, you can set the overflow of all containers to “hidden” on the page, or you can add the following custom CSS under Appearance > Customizer > Additional CSS:

    html, body {
    overflow-x: hidden;
}

    For further assistance with custom code, you can also reach out to our developers on GitHub: Elementor GitHub.

    I hope this helps!

    Kind regards,

    Thread Starter golded

    (@golded)

    hi, sorry i thought that Elementor Header & Footer Builder Plugin was your plugin too.

    Your css seems work, thanks you so much.

    Have a good day

    • This reply was modified 10 months ago by golded.
    Alain

    (@alainelementor)

    Hello @golded !!

    Thank you for your reply. I’m glad this has been handled.
    We will conclude this conversation; feel free to contact us again for further questions.

    Have a good day!

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘bug on mobile with a header builder’ is closed to new replies.