Mobile site is a mess. My theme is responsive, but elements are everyehere
I am trying to clean up my mobile site, but I am not seeing many options to edit the mobile version. The site looks great on desktop, but the mobile site is a jumbled mess. Content is not aligned, overlapping, etc etc. How do I edit the mobile site to include or exclude certain elements or do I not have that option? How can I make my mobile site neat, easy to read, and functional?
www.focalpointok.com
Comments
Hi,
i guess you're talking about options like padding, margin etc. You've probably applied these settings for DESKTOP and forgot that smaller screens like mobile inherit settings from DESKTOP by default. What you supposed to do is switch to mobile in the BeBuilder and adjust settings for mobile.
Please watch the video below where I've explained how editing responsive settings in the BeBuilder works.
So, if I am editing and making these adjustments for mobile appearance and navigation, it will all display correctly for Desktop, even though now, it displays fine on Desktop?
Mobile devices (smaller screens) always inherit settings from larger ones. Therefore, if you set custom styling for desktop, mobile devices inherits these styles. In such case, you have to set custom styles for smaller screens.