new penny arcade banner wider than forum frame, issue on mobile browsers + desktop site

syndalis

Just pointing out an issue in the CSS

bowen

Works fine for me, chrome on windows, etc

might be an ipad pro thing

Tube

I dunno man I think you're the only one that has one of those

Munkus Beaver

It's the same on a regular iPad in safari.

syndalis

Munkus Beaver wrote: »

It's the same on a regular iPad in safari.

just tested on one of those as well. yup

Veevee

syndalis wrote: »

Munkus Beaver wrote: »

It's the same on a regular iPad in safari.

just tested on one of those as well. yup

We get it, you like Apple, but sometimes there are consequences for the decisions you make.

The same problem is there on a Galaxy S7 chrome when requesting the desktop site.

Muffinatron

The problem is when you view the desktop site at a small enough width to not accommodate the 1050px required by the centred header content links/logo. The fact that tablets max res is 1024 pixels is meaning they're all seeing it, but you can reproduce it on a laptop or desktop computer as well.

If it helps ~ Line 2902 in http://forums.penny-arcade.com/themes/pennyarcade/design/custom.css?v=2.4.24.57bf5fa1 is where that gets set:

.headerWrap .content {
  width: 1050px;
  min-width: 1050px !important;
  max-width: 1500px !important;
  margin: 0 auto;
}

Shimshai

Yeah, zooming in to a huge degree on desktop can get the same effect as shown in the screenshot above.

Tube

fine I'll submit a ticket

wash the dishes tube, sweep the floors tube...

Tube

This should be fixed, someone test it on your garbage shitbox.

LostNinja

I'm still getting it on my iPad.

Tube

uuuuuuggggggghhhhh

syndalis

if you can see between this and the first photo, it is definitely better, but still not fixed.

Ark Evensong

Also still here on (Windows 10 PC) Chrome.

This is at 1920 x 1080 - I'm lazy, though. So I'm on my couch looking at the TV with a 150% "Windows zoom" and a 125% Chrome zoom. (If the 1050 px. thing is correct, then yeah, that would stretch it to 1969 pixels, a little beyond 1920.) Haven't noticed a difference pre-/post-fix.

It's just the top banner that extends beyond the screen, the rest of the forum fills the screen. So I get a left-right scrollbar at the bottom.

Tube

Is this having an effect on usability or does it just look janky

Ark Evensong

Nah, it's fine. I expect a little jankiness with my setup.

Normal use:

(note the scrollbar at the bottom.)

Scrolled right:

Pretty minor, for me at least.

LostNinja

It's just visually annoying for me, no usability issues.

(On iPad)

syndalis

It has zero effect on usability, but just from a most basic design thing people should really keep things with fixed minimum width below 1024 pixels.... OR set the min-width of the rest of the elements at the larger number also and let viewport sort it out.

Tube

ok sure well I'll tell the guy he's below your standards

syndalis

Tube wrote: »

ok sure well I'll tell the guy he's below your standards

Its not about my standards at all and not intended to be confrontational - its just an annoying bug that steals some % of screen real estate from a fairly popular device segment, that could be resolved with this:

.headerWrap .content {
    overflow: hidden;
    width: 950px;
    max-width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

LostNinja

Just wanted to see if this is still getting worked on or if it got pushed far down the list since there's no usability problems?

Tube

It's not being submitted I'm afraid. We'd have to pay for it and I'd rather spend that on other things.

Munkus Beaver

Hey so, in this thread: http://forums.penny-arcade.com/discussion/207165/pumpkin-faces-in-the-night-i-remember-halloween#latest the forum becomes unreadable because of the banner bug.

Echo

I think that's due to the embedded video (not an image) in the OP. Forum doesn't scale it down like it does with images.