Not a Bug Nova Sidebar Left

[Davey]

By switching the Nova sidebar to the left, the page breaks out of the wrapper on forum_list, when viewed on mobile (Samsung S6).
Took a while to find the problem, but tracked it down to the sidebar on left eventually.

 

[Russ]

It may be something else going on, I can't replicate that issue on the default nova with a left sidebar. When you say it goes out of the wrapper, do you mean you can scroll to the right in a mobile device? Or something else going on.

 

[Davey]

The categories break out of the wrapper and yes you can scroll right.
With sidebar right, it works ok. Ive tried with the unmodified version and its the same.
360 x 640 using code inspector in Firefox, equivelant of Samsung S5 / S6 mobile.

 

[Russ]

If you disable your ads does that resolve the problem?

 

[Davey]

Yes it does.

 

[Russ]

Yes it does.

So you may have some responsive settings on your ad setup.

Maybe try placing your entire div code inside something like this:

<div class="extraContainer">all your ad code here</div>

Then some CSS in extra.less:

.extraContainer { display: block; overflow: hidden; }

 

[Davey]

OMG, how the hell do you learn this stuff! Thats sorted it.
P.s. I just used the same method in a custom page, as the following alert box also broke it.

<div class="blockMessage blockMessage--error center">
You're not a Premium member.<br /><a href="/account/upgrades">Upgrade Now</a>
</div>

 

[Miguel Dias]

I also added on extra.less

ins.adsbygoogle {
    height: 100px !important;
}

To add space between the add and the buttons.