How to View my blog on iphone/ipad without distortion

[varshasalvi]

Hello,

I have made some CSS changes to my blog appearance . I am using the Beautiful pro theme. However I cannot view my blog correctly on the iphone and Ipad. Is there anyway I can do that?
Is there a way I can view the site's desktop version on the iphone and ipad?
My blog is 'designforsoul.com'

Thank You for your help

Varsha

http://designforsoul.com

[Pixel Frau]

It looks like some of the changes you made are not mobile responsive, which is why it's appearing strangely on mobile devices. You should find the original media queries at the end of your stylesheet. You'll want to add relevant CSS rules for those media queries to keep the theme responsive.

[varshasalvi]

Hello Julia,
Thank you for reply. Could guide me as to what changes i need to make to the media queries ? Is there a CSS document or anything which would help me to understand how I could make those changes ?
Also , could I completely remove the mobile responsiveness for my site?

Thanks ,
Varsha

[Pixel Frau]

If you look towards the bottom of your CSS (stylesheet.css), you'll see the existing media queries. The section should start with:

Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1139px) {

I can't tell you exactly what you'll need to change because I don't know the exact changes you've made to the CSS. But basically, the things are not playing nicely on mobile are most likely things where you've added or changed the CSS. So you'll want to add additional CSS rules for those elements at smaller screen sizes in the media queries.

more info on media queries

I don't recommend removing your site's responsiveness, especially since Google will soon be using responsiveness as a factor in search engine rankings. If you still want to make your site non-responsive, you can do that by commenting out or deleting the media queries.

[Author]

Posts