Narrowing window can obscure giffgaff logo

endorphin

When narrowing the window size the responsive design can sometimes not react leading to the giffgaff logo in the top nav bar becoming slightly obscured…

bill48er

Hi endorphin What screen size are you using?
I can’t duplicate this on a PC (Windows 10 + Firefox) as the responsive mode is working fine when I try reducing the browser view.

endorphin

bill48er The problem only occurs in tag views where you have the “<” icon to the left of the giffgaff logo. It doesn’t occur on the main page https://preview.community.giffgaff.com/

FWIV I’m using Firefox on a Windows 10 PC and the obscuration can be seen several times when slowly narrowing the window from about 1600 pixels width.

bill48er

endorphin I can’t loose the “g” as you did.
However, I do see a loss of a few pixels when the screen resolution is between 768 & 792 pixels.
These are probably CSS break points.

endorphin

bill48er However, I do see a loss of a few pixels when the screen resolution is between 768 & 792 pixels.

I’m not changing the screen resolution, I’m just reducing the width of the browser’s window.

I’ve noticed that the missing pixels are exhibited in Jesi’s posts

That’s exactly the effect I’m reporting here.

bill48er

I’ve noticed that the missing pixels are exhibited in Jesi’s posts
https://preview.community.giffgaff.com/d/66-changing-my-profile-picture-here/19

bill48er

endorphin I’m not changing the screen resolution, I’m just reducing the width of the browser’s window.

That’s how I came to find the loss of pixels 😉
I just did not see the same amount of loss that you and Jesi do, loosing only a small part of the “g”.

endorphin

bill48er loosing only a small part of the “g”.

It can obscure more than that…

mrjeeves

endorphin

I can’t reproduce that. Which browser?

I only see this:

Either way: simple fix 😛

mrjeeves

bill48er

Yeah, I’m aware of that. I’m talking about the link you sent with Jesi’s post (where more than a few pixels have been covered).

@endorphin also has the same issue.

You and I only get a small part obscured (as I showed in the image attached to my last post) but they get a lot more obscured.

Even by testing out all the possible in-betweens of the breakpoints I couldn’t get it to hide that much, which is why I’m curious which browser endorphin is using.

bill48er

mrjeeves
Hi, if you look at the screenshot you uploaded, you will see that the “g” has lost a couple of pixels 😉
@endorphin and myself both using Firefox on Window 10 PC.

endorphin

mrjeeves I’m curious which browser endorphin is using.

See my post above

Either way: simple fix

Make it so (please)!

mrjeeves

endorphin I’ve already fixed it… Or at least stopped at securing the logo.

Just need to wait for Ian to merge it into the theme.

It’s just weird that I can’t reproduce the issue in Firefox.

endorphin

mrjeeves Just need to wait for Ian to merge it into the theme.

I’ll be sure to test it when he does. 😉

mrjeeves

endorphin

Waiting…

endorphin

mrjeeves Ian last posted here 13 days ago, perhaps he’s away (or hiding)?