I’m working on customizing my site and am struggling with my mobile padding.
I’m using containers to organize my content and have been adjusting my mobile padding to 10px for left and right.
Some of my containers display correctly however some of them are still showing the default padding of 40px even though I have changed them using the tablet and mobile tab.
You can see an example of this on the home page: CruzVocalArtsStudio.com
The first three containers all display properly on mobile, but the 4th, labeled studio offerings, does not.
I’ve purged all of my caching multiple times and it’s not seeming to make a difference.
I did use the Vinyasa template from the site library and I’ve struggled with the mobile responsiveness the most with the pre-made pages. I’ve been finding work arounds, however the mobile padding continues to be an issue.
It appears there was an issue with padding changes not being saved when pages were updated. I combed through and edited them all a third time.
Additionally, there were some issues with padding due to some containers having two columns followed by three. By creating a separate container for each set of columns I was able to achieve the desired look on mobile.