Tagged: mobile, Responsive Layout, smartphone, tablet
Hi all,
I was wondering if there are options to change the way the mobile theme displays, or will I need to do the following things in CSS?
I currently have the following issues:
– Images load slowly as the full sized image loads, is there a way to detect a mobile device and load a smaller version?
– The header images and other banners resize to a tiny size proportionally to the other content
– The slide out menu button overlaps the logo, is there a way to move the button or make the logo smaller to accommodate?
– Is there a way to switch off the responsive layout for smartphones?
It’s fine if there’s no way to do this without CSS, if there are any threads or ideas for modifying the CSS, tips or code would be appreciated, as I couldn’t find much when searching the forums.
Thank you! :-)
Kind regards,
Andreas
Hi atlantio!
You can turn of the responsive version and use a fixed width version of the theme from the Theme Options>General Settings. Other than that however any customization just for the mobile version would would need to be done through custom css or php/html.
The theme’s css/custom.css file has 2 media queries you can use to add in css just for desktops and just for mobile usage to get you started.
Regards,
Devin