Iphone /Ipad compatibility

[varshasalvi]

Hello,
My website is designforsoul.com. I have made some CSS changes to the theme . I am using the 'Beautiful Pro' theme.
However because of this I am not able to view it properly on the ipad as well as iphone .
Is there any way I can correct this? OR Changing the theme is the only option??? I do not want to change my theme since I made it look exactly like I wanted. I tried tweeking the media queries, but it did not work.

And If at all I change the theme , will I have to resize all the images again to fit the new theme?
I do not have any coding experience. Only CSS knowledge. Can anyone suggest a firm/company/freelancer who would help me out with this.

http://designforsoul.com

[Christoph]

Hi,

there is no need to switch or change themes.
You have to fix the css.
Your css is throwing a lot of errors in my editor.
You used // to comment out css.
The official way of commenting out css is to use /* what ever you want to comment out */
Around line 1699 of the style.css you have to add /* before Media Queries.

If you want, you can contact me through my website. http://www.christophherr.com/genesis-customizations/

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[varshasalvi]

Thank You Christoph. Does it mean that '//' these are causing an error in displaying the site in any way?

[Christoph]

You are welcome!

I´m not sure if they are causing it directly or if there is something else going on, but the // are not a standard way for css to be commented out and it can cause all sorts of weird things to happen.

I would recommend replacing the // with the standard/* */.

You can check the w3c validator and see what else might be going on:

http://www.css-validator.org/validator?uri=http%3A%2F%2Fdesignforsoul.com%2F&profile=css21&usermedium=all&warning=1&lang=en

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts