Overflow-x on Firefox

Home Forums Ample Free Overflow-x on Firefox

This topic contains 4 replies, has 4 voices, and was last updated by  Neshe1938 1 month, 3 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #1336880



    thank you for developing a nice responsive theme!

    I’m using it with WordPress 4.9.1 and Elementor 1.8.9.
    The computer screen resolution is 1366×768.
    Everything was going fine on Chrome, until I started to test the website on Firefox 57.0.1 for Windows.
    In some pages (not all), I can see an unattended scroll bar at the bottom of the window, due to an overflow of the page. The page width rendered by Firefox 1349px.

    I was able to temporary fix the problem introducing this custom CSS:
    html {
    overflow-x: hidden;
    Anyway the overflow is still there and I cannot undestand why.

    The website is:


    The error is present on the following pages: “Home”, “Funzionalit√†” and “Prodotti”.
    All the other pages are not affected by the problem.

    Can you please advice how to finally fix it?


    • This topic was modified 2 months, 2 weeks ago by  conenna.


    Hi conenna,

    It seems like Elementor is adding custom width of 13XXpx on every title section’s container while our container is 1100px which results on outgoing of certain elements creating vertical scrollbar. If you have set custom width of Elementor please revert it back. Also, make sure you haven’t changed content width.

    ThemeGrill Support


    Gaz Hall

    I was looking to fix a similar problem on my site: https://gazhall.com Thanks for the insight.



    Hi Nilan,

    thank you for your hint.

    I solved the issue.
    It’s a problem related to Elementor full width sections and Firefox.
    When this feature is selected, Elementor extends a 1100px section to full screen width, over the right screen border, and then shifts it to the left in order to fit its view exactly into the screen. Unfortunaltely Firefox is not able to understand that the section has been moved to the left and there is nothing more in overflow-x. Then it shows the horizontal scroll bar.

    The section involved was the bottom menu bar.
    The solution was to write all the code into the footer that is already full width.
    Then there is no need to be extended and shifted.

    Regarding the upper menu bar (title), I edited the CSS in order to have also in this case a full width sections.
    I still have to improve it, but these changes don’t cause the presence of the horizontal scroll bar.

    I hope this can help other people using your theme with Elementor and Firefox.




    Hey there ! ping me .. i will help u with this matter!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.