Mobile Display

[Javinny3]

Hi,

I am new to x-theme and web design so hopefully this is user error and can be resolved easily

The mobile simulated display in Cornerstone looks OK but when I load the website on my iphone the spacing of some of the text is not correct and the top menu doesn’t work.

The site is http://www.seaweedpackaging.com

On the home page the ‘Plastic Bottles Crisis’ heading is showing off centre and to the right. When you go through to the linked post, the ‘plastic bottles’ heading is off centre, to the right and cropped. Hope that makes sense. Let me know if you need any more information

Thanks

Vince

[friech]

Hi Vince,

Thank you for writing in, on this Column you applied a huge 120px padding, that is acceptable for desktop view, but will make the column too narrow on mobile.

Please use a percentage value instead so it will be responsive on mobile view. Try 10%, adjust it where you see it fits.

Hope it helps,
Cheers!

[Javinny3]

Hi Friech,

That worked, thanks a lot

Percentages are the way to go then

Any ideas on why the top menu won’t work on the iphone?

Cheers

Vince

[basanta]

Hi There,

Thanks again for writing in!

I can see the top menu works fine in iPhone 6.

Can you please confirm if you have the issue with any specific model or device.

Thanks