There seems to be top and bottom padding set in the Page Builder Row Settings which are causing this. Try setting 0 for the mobile viewport padding and check.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px) {
.wpb_column:not([class*=vc_col-xs]) {
margin-bottom: 0 !important;
}
}
Hi. Im having an issue with columns in mobile view and can't for the life of me figure it out.
All my spacing in 'mobile' is set so the columns should stack right on top of eachother but there is huge gaps instead.
Any ideas would be much appreciated.
Cheers!
Hey Again,
There seems to be top and bottom padding set in the Page Builder Row Settings which are causing this. Try setting 0 for the mobile viewport padding and check.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.flickity-viewport { margin: 0px !important; }Thanks
ThemeNectar Support Team
Many thanks! Will test today. :)
Sadly this did not work. See screenshot. Any other ideas. ??
Many thanks!
Attached files: Screenshot 2025-03-17 at 8.24.39 pm.png
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px) { .wpb_column:not([class*=vc_col-xs]) { margin-bottom: 0 !important; } }Thanks
ThemeNectar Support Team
That did it! Many thanks!!