Hello,
I want to remove margins of an element’s background in mobile view. I even added custom css to do it but, it only removes left margin. Could you help please?
Desktop view: https://ibb.co/V3ZkWR5
Mobile view: https://ibb.co/p3SJvvw
Custom css: https://ibb.co/12KPZWN
Hello,
Please try this code, for all removed all the space on the rows => https://i.imgur.com/MfSE7kg.png
.tdc-row{
padding-left: 0;
padding-right: 0;
}
.tdc-row .wpb_row{
margin-left: 0!important;
margin-right: 0!important;
}
If you want only a few rows, you can remove with tagDiv Composer => https://www.screencast.com/t/5cFOBYLBE
Thank you!
Hello Anamaria,
I don’t want to remove margin of a row. I want to remove margin of a column.
As seen here: It is a column http://prntscr.com/wmd890
Mobile view: http://prntscr.com/wmd9ee I want to remove margins from mobile view. So, blue background can stretch from left to right.
Column’s margin settings in mobile view can not be changed. http://prntscr.com/wmdb63
Hello,
Normally, you need to remove the margin on the row, and put the padding on the column.
If you can’t achieve this with tagDiv Composer, please try this code:
.tdc-row{
padding-left: 0;
padding-right: 0;
}
.tdc-row .wpb_row{
margin-left: 0!important;
margin-right: 0!important;
}
.tdc-row .vc_column {
padding-left: 24px;
padding-right: 24px;
}
Hope this helps you!
Thank you!
It worked. Thank you
Hi,
I’m glad that the problem has been solved.
If you have other questions, let us know!
Have a nice day!
