This topic has 7 replies, 4 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp
Hello,
My site is not adjusting images and elements to fit mobile phone screens. It responds to tablets and small laptop screens however when loading on a phone, the page and images are much too large for the screen – I cannot even zoom out to show the full page.
I’ve included my login credentials below. Please advise as soon as possible. Thank you!
Hello,
As I see it’s works perfectly for default WooPress theme. Please check the Child Theme customizations.
Regards,
Robert Hall.
Hello,
As I see you’ve added the code in functions.php file in the child theme:
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 1170px; }
The value width: 1170px;
is causing the issue.
Remove it and check the site after that.
Best regards,
Jack Richardson.
Hello,
I have removed the value width: 1170px; as suggested however the issue remains, though only on phones. When I adjust my web browser to a very narrow width, all elements adjust accordingly. However, when I visit the site on my phone the elements do not adjust.
Thank you for your help!
Hello,
As I see site is shown fine on mobile:
http://storage8.static.itmages.com/i/15/1007/h_1444234757_3313204_3ec0f23782.png
Please show a screenshot what you see on your side and specify what mobile device you’re using.
Regards,
Eva Kemp.
It looks like it is now adjusting properly on my phone – I supposed I didn’t wait enough time for the change to make it through caching.
Thanks again for your help.
Hello,
You’re welcome.
Regards,
Eva Kemp.
Tagged: layout, not working, phone, responsive, themes, woocommerce, wordpress
The issue related to '‘Responsive layout not working on phone’' has been successfully resolved, and the topic is now closed for further responses