Fit Text to Screen on Mobile Devices and <center> tags
I have used the <centre></center> tags on my main sales page - when I view the sales page on a mobile device it doesn't resize / re-fit the text to fit the screen when you zoom in / double tap - so you have to actually scroll across to read - not ideal!
I am assuming the <center> tags are the reason as all my other pages (without the center tags) are fine.
I'm by no means a web dev so this may be a common problem, I'm hoping someone can shed some light - am I able to keep the content on my sales page centred and have it fit text to screen on mobile devices or is it one or the other?
the page in question is http://babysfirstcalendar.co.uk/buy-...first-calendar and I'm using the Enterprise Child Theme.
To center text, the best option would be to use a text-align: center; css rule. There are a lot of ways to do that, but if you are new to CSS and HTML, the simplest is to just use the stuff built into WordPress. In the visual editor there is a button that will center your text if you click on it. It will convert the html to use an inline style to center things like this
Have now used the inbuilt centre button - this to me just seems to add a lot more code to the html - lots of
<p style="text-align: center;">centred text</p>
throughout the document - rather than just a single <center> at the top and a single </center> at the bottom.
As you rightly pointed out I AM new to html and css so will keep it like that for now.
It's not solved the problem however...still when viewing the page on a mobile device and double tap to zoom in it doesn't fit the text to screen like it does on my un centred pages/posts
Then that will be related to how the device interprets the centering and how it handles it's own "zooming" effect.
Ok Nick thanks for your help.
|All times are GMT -5. The time now is 01:26 AM.|
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.