Adoptly: White space along the entire right side of page


#1

http://bcuz.github.io/adoptly/

On smaller screens, on the right side of the page there's a strip of white space from the top to the bottom. Anyone know what could be causing this?


#2

Hey Adam,

Using Firefox and it's mobile view (Shift + Ctrl + M) to change the viewport size (and Vivaldi + resizing the window), it looks fine to me from full screen width all the way down to ~230px.
With a 768x1024 viewport size, it looks like this:

Could you post a screenshot so we can see what you're seeing?


#3

Hi Zeke!

320x480 on mobile view you can scroll a bit to the right and there's whitespace there.

Not a big deal but something I noticed.


#4

firefox? I tested, but i don't see this white space:


#5

While in that mode - did you click on the page and try scrolling to the right, too?


#6

Uhm.. i am not sure what is causing it, but if you add:

overflow-x: hidden;

to body, it seems to be gone. Not sure what is causing the overflow


#7

@adamnawroc OK, I see it when I scroll to the right now. I'd do @stetim94's solution and add overflow-x: hidden; on <body> :slightly_smiling:


#8

Re:

I found a super handy trick a while ago: * { border: 1px solid red !important; } :slightly_smiling:
Using that shows me that it's the .col-md-4s causing the problem: