I am afraid it's not possible to change the mobile margins for a specific row. If you wish to make the Row Full-width you will have to use the Row Settings.
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) {
.container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {
max-width: 95% !important;
}
}
Hello,
How can I easily reduce the margins on mobile ?
Thanks a lot,
Olivier
Hello Olivier,
Thanks for getting in touch.
Please try the following css:
Thanks.
Thanks for your answer !
It looks like it changes nothing :'(
I have an Iphone 11 pro max.
Any idea ?
Thx,
Hey Again,
I am afraid it's not possible to change the mobile margins for a specific row. If you wish to make the Row Full-width you will have to use the Row Settings.
Thanks
ThemeNectar Support Team
Same problem, how to reduce left and right margins in mobile :(
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):
Thanks
ThemeNectar Support Team