Website scrolls to the left?

[Ben Siegfried]

Can't figure out why the website is scrolling to the left? Have poked around CSS inspectors for a bit. What is causing this to happen?

http://www.weightiermatter.com/

[Tony @ AlphaBlossom]

Hello,

On your styles.css rules, you have a "width: 100% !important;" declaration on your inputs (around line 315).

Your input in your .nav-primary and .footer-widgets-5 have the .search-form input[type="submit"] width set to 1px (around line 628). That's being overwritten by the rule above (width: 100% !important;) so it's causing the inputs to extend way beyond the outer wrapper, causing your horizontal scroll.

Either remove the !important from the first rule (line 315), or add it to the input[type="submit"] like:

.search-form input[type="submit"] {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px !important;
}

That will fix your problem. If you remove it from the existing, pay attention to your inputs...I don't think it's their by default so it must have been added for a reason and removing it might screw up something else on your site.

Hope that helps...

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Ben Siegfried]

Hey thanks so much Tony!

[Tony @ AlphaBlossom]

You're welcome! Glad I could help...have a great weekend!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts