[pixelkandi]

Hi there,

There are 2 issues with the responsive layout on the iPhone…

1. All of my website pages were displaying incorrectly on the iPhone. I found a post in the Vaudora support which said to add… img { max-width:100% !important; width:auto; height:auto; }… to the custom CSS, which I done. This has sorted every page except for the ‘Our Team’ page. ‘image 1.jpg’ attached shows how the site displays on an iPhone. What’s the fix for this responsive issue?

2. There is also a quite a large gap before and after the sidebar widgets in the iPhone template as you can see in ‘image 2.jpg’ attached. What’s the fix for this responsive issue?

Thank you

Adam

Reply

[Fem]

If you can provide the URL then i can test it on my computer and let you know the fix for it.

Reply

[pixelkandi]

Here is a URL to the site..

http://aquasulis.co.uk/

Thanks

Reply

[Fem]

#header-s2 .logo { display:block; }

Add the above rule in css/responsive.css file in Iphone Portraint and Landscape media queries section.

Reply

[pixelkandi]

That’s done the trick!

Thank you

Adam

Reply

[pixelkandi]

I have just noticed that adding that rule to my CSS has now made the logo moved from centre aligned to right aligned when viewing the site on my desktop.

Whats the fix to get my logo back to being centre aligned?

Here is my site… http://aquasulis.co.uk/

Thanks

Adam

Reply

[Fem]

I said to add in the css responsive not the stylesheet. Check my above comment that i said ‘Add the above rule in css/responsive.css file in Iphone Portraint and Landscape media queries section.’

Reply