Hello everyone, i’ve been struggling trying to resolve this problem, i’m trying to remove the padding that appears when i see the website in mobile devices, u can check the problem changing the size of the screen..
We build our websites in blocks with page builder, usually the website is made in photoshop then cropped to fill every single page builder block as an image, everything looks ok, the only problem is that one..
You can check the problem i’m talking about in the next website:
www.tacospancho.com.mx
I’ve trying to add custom CSS, tried every single one that i found in this forum, yet can’t fix it…
Please help! i don’t know the CSS tag that page builder make for the rows, i’ve tried ever single one…
Hi Antonio
Sorry we weren’t able to reply sooner.
Have you perhaps made progress with the challenges outlined or would you still like us to take a look?
yes i did, the code to fix the problem is this one:
@media only screen and (max-width: 780px) { .roll-client .client-item img { max-width: 100%; } .panel-grid-cell { padding-left:15px !important; padding-right:15px !important; <strong>margin-bottom: 0px !important;</strong> } }It was a problem with the widgets, creating a 10px margin at the bottom by default when the screen size changes to device. Took a while to figure it out.
Super, really glad to hear you made progress on this. Perhaps just a forum code issue but if you do have tags in your CSS, it’s best to remove them.
Hehehee dot mind the tag, i added it on purppose to mark the fix code
Cool :)