I have created a website using the vantage free theme and using site origin’s widgets and it look’s great but when I view the site on mobile the rows which I have added padding to and using site origin’s text widget lose the padding I added to them when resizing using responsiveness. I understand on mobile space is lacking so padding may be viewed as not being required as much but it reduces the balance of the page I feel.
I am happy to pay for a solution to this and checked out if vantage premium would solve this problem but unfortunately none of the responsive features indicated this.
In order to convey the problem properly I show the full width design and the mobile design here
Any solutions are appreciated.
Hi Solevita2020,
Sorry for the delay! As you’re a Vantage Premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on this page. Please reference this thread.
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.so-vantage-mobile-device .content-area { padding: 35px !important; }You might also need to install the SiteOrigin CSS Editor.
If the above doesn’t help; could you please provide me with a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.