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
    Posts
  • #1336880

    conenna
    Participant

    Goodmorning,

    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:

    home1

    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?

    Thanks,
    Mimmo

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

    Nilan
    Moderator

    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.

    Regards,
    ThemeGrill Support

    #1338114

    Gaz Hall
    Participant

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

    #1338203

    conenna
    Participant

    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.

    Regards,
    Mimmo

    #1339764

    Neshe1938
    Participant

    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.