Hi!
I have the exact same problem that I´ve found in this topic:
https://forum.tagdiv.com/topic/mobile-view-11/
If I use wpbakery to create a post, the mobile view has some padding that origins blank borders in left and right part of the article.
I tried to use the css code that Calin provided in the previous topic but didn’t work for me. Any suggestion about how to solve it? Website is http://www.vortexmag.net.
Thank You!
Hi,
If I understand correctly you want to remove the padding from mobile view
-> https://www.screencast.com/t/c3vplIQFg
If this is what you want to achieve you need to add this custom css in Theme panel>Custom code>Advance css> Phones
Here is the custom code
.td-container-wrap .td-container, .td-container-wrap .tdc-row, .td-container-wrap .tdc-row-composer {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.tdc-content-wrap .td_block_big_grid_1,
.tdc-content-wrap .td_block_big_grid_2,
.tdc-content-wrap .td_block_big_grid_3,
.tdc-content-wrap .td_block_big_grid_4,
.tdc-content-wrap .td_block_big_grid_5,
.tdc-content-wrap .td_block_big_grid_6,
.tdc-content-wrap .td_block_big_grid_7,
.tdc-content-wrap .td_block_big_grid_8,
.tdc-content-wrap .td_block_big_grid_9,
.tdc-content-wrap .td_block_big_grid_10,
.tdc-content-wrap .td_block_big_grid_11,
.tdc-content-wrap .td_block_big_grid_12 {
margin-left: 0;
margin-right: 0;
}
Hope this will help you!
Thanks.
Hi Calin!
Its exactly that, but not for the homepage. It’s just for individual posts like this one:
https://www.vortexmag.net/provavelmente-a-vila-mais-bonita-de-portugal/
I need a css code to remove padding in the posts created with wpbakery.
Thank You!
Hi,
If you want to remove the padding only on post you need to use this code
.single .td-container-wrap .td-container, .single .td-container-wrap .tdc-row, .single .td-container-wrap .tdc-row-composer {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.single .tdc-content-wrap .td_block_big_grid_1,
.single .tdc-content-wrap .td_block_big_grid_2,
.single .tdc-content-wrap .td_block_big_grid_3,
.single .tdc-content-wrap .td_block_big_grid_4,
.single .tdc-content-wrap .td_block_big_grid_5,
.single .tdc-content-wrap .td_block_big_grid_6,
.single .tdc-content-wrap .td_block_big_grid_7,
.single .tdc-content-wrap .td_block_big_grid_8,
.single .tdc-content-wrap .td_block_big_grid_9,
.single .tdc-content-wrap .td_block_big_grid_10,
.single .tdc-content-wrap .td_block_big_grid_11,
.single .tdc-content-wrap .td_block_big_grid_12 {
margin-left: 0;
margin-right: 0;
}If you want to apply the code only on homepage replace .single with .home
Thank you!
Hi Calin!
Thank You for your answer and I apreciate your patience, but I think I explained myself wrong.
This is a post made without wpbakery:
https://www.screencast.com/t/p524NmdHA9Ey
This is a post made with wpbakery:
https://www.screencast.com/t/52YnebBjrw
As you can see, if I use wpbakery there is some extra padding (don’t know why). I want to remove that padding to make it look like the article made without wpbakery (not remove all the padding). This only happens in mobile (in desktop they look exactly the same and everything is ok).
I think this time I explained myself better.
Thank You for understanding!
