[Support request] Page too wide, can’t figure out how to fix it.

[Brenan]

Hey guys!

So I’ve made a few changes to my website, and It all is working great, however the page is too wide, and there is an option to scroll from left to right on the page just a tiny bit..

How do I get rid of that?

Also, I have a button labeled “button hero” that is not responding to the additional CSS I’m adding to change the color etc. How do I add some padding between the buttons on mobile? Vertical wise.

Thanks guys! 🙂

[Ying]

Hi Brenan,

Give this CSS a try to fix the page too wide issue:

body {
    overflow-x: hidden;
}

For the button, your CSS does work, its background color doesn’t change is because your color code is missing a #, it should’ve been #ffffff (white) or transparent (like the other button).
https://www.screencast.com/t/uPyosQ16

Here’s the CSS to make some vertical space between 2 buttons:

@media (max-width: 768px) {
    .button.hero {
        margin-top: 20px;
    }
}

Let me know 🙂

[Author]

Posts