Main page banner overflows

  • David

    (@aikidopardubice)


    5 months, 1 week ago

    The main banner overflows.

    This additional CSS has fixed it but, cannot make CSS work for mobiles. Only main page, the rest is ok, as there is no main banner, obviously.

    .overflow-fix {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative;
    }

    html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    }

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • rodicaelena

    (@rodicaelena)

    5 months, 1 week ago

    Hi,

    Can you please share some screenshots of what’s happening and what is not working with that CSS so we better understand the issue?

    Thank you!

    Thread Starter David

    (@aikidopardubice)

    5 months ago

    Hello Elena, thank you very much for being willing to help me out. Here is the screenshot. I am not awfully good at WP. Please direct me shall you need additional info or screnshot of specific settings.

    Cheers!
    David

    rodicaelena

    (@rodicaelena)

    5 months ago

    Hi David,

    Does that happen on a specific device/browser?

    For me, it’s looking ok https://vertis.d.pr/v/4QxFmz

    Kind regards!

    Thread Starter David

    (@aikidopardubice)

    5 months ago

    Thank you again, Elena for taking time to help out.

    Aye, I have fixed my page with additional CSS code (viz the original post). Without it the overflow is there.

    This particular screenshot is from Chrome, but the same happens in Firefox.

    Cheers, David 🙂

    https://rychnov.skauting.cz/wp-content/uploads/2026/01/non-profit-FSE-ovewflow3.jpg

    • This reply was modified 5 months ago by David.
    • This reply was modified 5 months ago by David.
    • This reply was modified 5 months ago by David.
    Thread Starter David

    (@aikidopardubice)

    5 months ago

    Here is a playground page where I have mirrored the original one but without the CSS code preventing the overflow.

    https://rychnov.skauting.cz/

    rodicaelena

    (@rodicaelena)

    5 months ago

    Hi David,

    Thank you for sharing that. I’ve been able to see the issue on the playground page.

    However, I’m not able to replicate a similar issue so far. It might be something specific to your setup.

    I’m happy to hear you’ve managed to find a solution.

    Kind regards!

    Thread Starter David

    (@aikidopardubice)

    5 months ago

    Hi back 🙂

    One last try. Could you open the template preview site for me please, and check if the problem appears?

    https://wordpress.org/themes/non-profit-fse/preview/

    I have called my two “court” IT-crew collegues; both confirmed the issue exists.

    I have fixed the problem for myself, but it would be belting if this conversation helped others too.

    Cheers, David

    rodicaelena

    (@rodicaelena)

    5 months ago

    Hi David,

    You rock! Indeed the issue is visible for me too. Thank you very much for sharing this with me.

    I’ve gone ahead and register this as a bug in our internal team. The development team will review this, for a future update.

    Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.