Archived topic
css problem?
7 replies · Started by johnaps on January 24, 2022
Hello GP team!
I need your knowledge on something...
I have customized my post page with some css and if i open the page with dev tools and toggle the device toolbar and slowly reduce the width of the page, everything is shown okay!
1st problem?.
Now if i instantly open device toolbar to a smaller device width (1112px for example), i get white space on the right, which disappears if i scroll
See it on the video bellow.
https://drive.google.com/file/d/1VXVFKFXugg2YhH79P76BgeTp0mTzI-BQ/view
2nd problem?.
If i play with the width and reload the page (at around 1137px), the layout gets broken even though before it was okay!
See it on video
https://drive.google.com/file/d/1fcsnzuiTLnppYt3yYuFMP7rsyPnixIQT/view
More specifically you can view the page getting broken if you have preset the device toolbar in 1069px lets say, refresh the page with dev tools closed, and then cntrl + c (open the dev tools instantly on the predefined 1069px width), right then you will see the page getting broken.
Is this logical to happen, should i ignore it? Or does this indicate somekind of problem?
Hi there,
i can't replicate any of those issues - it could be some cached CSS or a Browser Extension interfering with the rendering. You might want to test in an incognito browser for that.
But as i said i cannot replicate the problem, and if the site opens fine in the browser then i can't see there being a real issue.
The 2nd problem is from a plugin, i will get to their support team i found it at least, so dont worry about that please.
The first problem though, isnt from any plugin and must be css related, i am talking about the white/gray space in the right of the page when you open dev tools in a predefined width lets say 1165px for example.
Do it like this
preset the device toolbar in 1165px, refresh the page with dev tools closed, and then cntrl + c (open the dev tools instantly on the predefined 1165px width), right then you will see the white space in the right of the page.
I tried in incognito also and i saw it there as well...
Please try with google chrome as i think its the only browser that you can instanly open the device toolbar in a predefined width...
Should be i looking at a different link ? As the one in your first video is different to the URL provided
on the first video its the same url as the one provided.
https://thefinterest.kinsta.cloud/p/asjalska/
Hi Johnaps,
Good day! I tried accessing the link you provided, and correspondingly viewing it through a custom screen size similar to the ones you’ve tested in the video you provided (1112x850px). However, after doing so, similar to David, I also can’t seem to replicate the issue from my end as well.
Kindly see: https://share.getcloudapp.com/rRuNWXjj
I also tested this in incognito: https://share.getcloudapp.com/qGurRwX9
With that said, could you try doing a refresh with “Empty Cache and Hard Reload”. Simply hold the refresh button while the Google Chrome Developer Console is open to do this.
You may also see this screen recording for reference: https://share.getcloudapp.com/d5uN6xDy
Moreover, to rule out any device issues and Browser Extension interference as mentioned by David, could you try replicating the issue on a different device?
Hope this helps!
thank you for your input, i will look into it!
You're welcome! Let us know if there's anything else we can help you with. :)
