We’ve created a homepage in Newsmag. The site width looks good in several browsers on a phone. But, in Google Chrome the site is too wide on a phone. On the left edge of the site, the text has no padding or margin.
The text is against the edge of the screen. To look professional, the text needs some padding or margin. And, some of the mobile menu button is hidden. That’s the button in the top left corner of the screen.
The page can be slightly moved from side-to-side with a finger swipe. But, it shouldn’t need to have a finger swipe to reposition the site on the screen. The site should pull up and be centered.
Is the page content centering properly?
Whats’ the problem with the site displaying in Chrome?
This is important because Chrome is one of the most used browsers.
The site is business-stability.com.
Hi,
There should be a padding on left/right sides at all times. I checked with a mobile phone using the Chrome browser, this is how I see it at the moment
– https://www.screencast.com/t/B4lF6Id1Hw4R
– https://www.screencast.com/t/bq6lY4yCe
– https://www.screencast.com/t/Av5MXJpCu
There are always margins and padding set by default and automatically, to ensure that the content does not begin or end in the screen edges.
Yes, there “should be” padding and margins on the left and right sides. But, on my samsung phone using Chrome there are not padding and margins. When I use a different browser, there are padding and margins.
So, going back to my original question. How do I get proper padding and margins in Chrome?
Interestingly, I have another older version Newsmag based site and it displays with proper margins and padding in Chrome.
How do I get the current site to have proper padding and margins>
business-stability.com
Please check with a different phone using the Chrome browser, for me everything looks alright when checking.
Also check the theme live demo with the phone you mention to see how it appears
– https://demo.tagdiv.com/newsmag/
I checked again with the same Google Chrome browser and it looks like this for me
– https://www.screencast.com/t/1lySdmxULAdm
I also tested with a couple of different phones with Chrome, found no problem
– https://www.screencast.com/t/R5XGJJuNF8
So it would be unusual that this is happening on your side.
