• Bence Szalai

    (@grapestain)


    Hi! I am helping someone to build their site with this theme and the site acquired a permanent horizontal scrollbar on all pages which we cannot get rid of.

    It is caused by this style:

    body .has-background {
    padding: unset;
    }

    Overriding this:

    .has-global-padding {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
    }

    In fact the body has a background color set in the Customisation UI, but

    • There is no way to reset the background color. Once set it can only ever be set to a different color. It is set to #ffffff now, because they didn’t want to have a bg color, just played around with the options and now bg color setting cannot be get rid of.
    • Also if they wanted to set a bg color, still the horizontal scroll and full page overflow seem like a bug.

    I for now put this in place as a workaround, but I’m suspicious that something is not right with the theme in this regards.

    /* Fix horizontal scroll */
    body .has-background.has-global-padding {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
    }

    Let me know if you need more info from my side and thanks in advance if you look into it!

You must be logged in to reply to this topic.