Forum Thread
The Index Page on mobile Chrome still looks weird.
Forum-Index → Bug Reports → Resolved → The Index Page on mobile Chrome still looks weird.See screenshots :
It seems like the "GIVE A HUG?" & "FEED FREE BERRY" is pushed a bit to the right side or just centered weirdly.. for my phone. :O
P.S.
I am using mobile Chrome on my Samsung S8 phone.
I tried checking if I had good internet connection (which it did), refreshing the page a couple of times, clearing those cached images and resetting my phone, just in case that they're the culprit (again). :B
EDIT :
I kinda gotten a screenshot of that horizontal-vertical switch thing..
Show
hidden content
This what happens first :
Then, when I tried to warm an egg or feed the Pokémon or just waited a few seconds, it switches itself :
That is the planned look for the index page so you should start getting used to it.
Change is not fully done, since as Riako posted in one of his feeds, this is the planned look
While in the first post you mentioned
"It seems like the "GIVE A HUG?" & "FEED FREE BERRY" is pushed a bit to the right side or just centered weirdly"
When you compare it with a desktop versions, it looks the same, no special moving to the right.
I had this theory, which I'm doubting now, but here it is.
Show
hidden content
As far as I know there's no real
mobile site (as in m.pokeheroes.com) it's just that the site is
made responsive.
This means that the site looks different as soon as the width of the screen is bigger or smaller than some fixed value.
For the index page this value is set at 680 pixels. If the screen width is smaller than this the navigation on the left disappears.
When you're on your mobile using the "mobile version" then the way the site is shown is based on the widht of your screen. If you choose "desktop version" it doesn't necessarily go to another site, it just simulates a standard desktop screensize and zooms out to fit on your mobile screen.
The jumping "Love boxes"yes, that's what they're called are
made flexible, this means that if they can't fit next to eachother
they'll jump to a vertical position. So them jumping would mean
that by clicking the warm / love buttons their size changes (due to
the images disappearing perhaps?) but this doesn't match with the
code I'm seeing where it says it has a fixed 280 pixel width.
This means that the site looks different as soon as the width of the screen is bigger or smaller than some fixed value.
For the index page this value is set at 680 pixels. If the screen width is smaller than this the navigation on the left disappears.
When you're on your mobile using the "mobile version" then the way the site is shown is based on the widht of your screen. If you choose "desktop version" it doesn't necessarily go to another site, it just simulates a standard desktop screensize and zooms out to fit on your mobile screen.
The jumping "Love boxes"
The reason I'm doubting it is because when you make a request you send device info and decisions are made based on that, so I might just be looking at different code.
If you're on mobile & put it on desktop version the site is still different from the real desktop version just because the server knows you have a phone. A difference I noticed is that there's no background image on mobile.
So I guess this is a proof that my theory is
It is weird though, that it was alright or pretty normal since the day reset (PH server time) upto the time I kinda went offline for the night (my time), then after getting online for the day (my time) those
I'm getting used to the "switching" thing at the Index Page now.. for 4 months or so? Yep. :P
I'm not sure if it is what "normal" supposed to be though.. until the site becomes 100% "mobile-friendly" :O