Page width causing bottom horizontal scroll bar

Resolved NetMonkey
(@headmonkey)

11 years ago

Hey all,

This theme is causing some strange behavior I haven’t seen in a while. I can’t figure out why my home page and post pages are fine, but all other pages cause the browser to display the bottom horizontal scroll bar. It’s happening with all browsers tested.

Some help would be greatly appreciated. My site is at:
http://netmonkeys.net.

https://wordpress.org/themes/evolve/

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

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years ago

Can you link to a page with the issue?

Thread Starter NetMonkey
(@headmonkey)

11 years ago

Sure Andrew, here’s one – http://netmonkeys.net/web-maintenance/.
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years ago
It’s related to:
```
<div class="widgets-back-inside row">
```
Thread Starter NetMonkey
(@headmonkey)

11 years ago

Still confused Andrew. The only css I can find in the stylesheet is on line 410 that controls the thickness of the gray bar that separates the header from the content area and it’s a margin-top setting:

.widgets-back-inside {margin-top:25px;}

Changing its value increases or reduces the size of the gray bar.

Any other suggestions?

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years ago

Is it related to your custom css?

Thread Starter NetMonkey
(@headmonkey)

11 years ago

It can’t be, because I just cut all of my custom css out, saved it, cleared my browser cache and looked again.

This one’s making me crazy… I can’t figure out what I’m overlooking.

Thread Starter NetMonkey
(@headmonkey)

11 years ago

I also tested with a different resized logo. That didn’t change things.

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years ago

Is this the Custom CSS you’re referring to: http://netmonkeys.net/wp-admin/admin-ajax.php?action=evolve_dynamic_css&ver=4.2
Thread Starter NetMonkey
(@headmonkey)

11 years ago
No. My custom css is this:
```
body #header.sticky-header {
    background: none repeat scroll 0% 0% rgba(158, 158, 158, 0.95) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.entry-content img, .entry-content .wp-caption {
    height: auto !important;
    padding: 0px !important;
    border: 0px none !important;
    background: none repeat scroll 0% 0% transparent !important;

}
.entry-content img, .entry-content .wp-caption {
    box-shadow: none !important;
}
#fscf_captcha_code1 {
text-align:left;
margin:0;
width:80px;
}
.custom-header {
    padding: 40px 0px 5px !important;
    position: relative;
    min-height: 125px;
    background: none;
}
#logo-image {
    float: left;
    margin-right: 20px;
    margin-left: 10px;
    margin-top: -15px;
}
#tablepress-4 {
    position: relative;
    width: 75%;
    background: none repeat scroll 0% 0% !important ;
    border: 0 !important;
    border-spacing: 0px;
    line-height: 18px;
    margin: 0px 0px 22px;
    text-align: left;
    border-collapse: separate !important;
}
p#copyright .credits a {
    font-style: italic;
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.5) !important;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) !important;
}
.menu-header {
    color: #000 ! important;
    font-size: 14px ! important;
    line-height: 18px ! important;
    text-shadow: ! important 0px 1px 0px #000;
}
.fa.icon fa-check-square-o.fa-lg {
  color: 257DCC;
}
#table {
border: 0 !important;
}
```
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years ago
Try adding this:
```
@media (min-width: 1220px) {
    body .menu-back .container:first-child {
        width: 1220px !important;
    }
}
```
Thread Starter NetMonkey
(@headmonkey)

11 years ago

THAT WORKED! You are a Wizard bro. Thank you very much.

Barry

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

The topic ‘Page width causing bottom horizontal scroll bar’ is closed to new replies.

Tags