i use “stretch row and content” setting. it work for desktop but doesn’t work for PHONES or mobile layout. Here is my website http://latihlogika.com .. Could you help? Thank you.
Hello latihlogika,
I guess that you want to stretch the image for mobile devices, right? You should simply eliminate the paddings through this code. Place it in Theme panel -> Custom CSS Area.
@media (max-width: 767px){
.td-container, .tdc-row {
padding-left:0;
padding-right:0;
}
}
The result is here -> https://www.screencast.com/t/4Jq5oqB5Gfia
Thanks for the message!
Hi Catalin. Thank you for your help.
The CSS code you gave makes the whole stretch full width.
I just need to stretch (full width) the row that i set to “stretch row and content”
I already tried to add extra class name on the row with your code, but it doesn’t work.
could you please give me suggestion?
Thank you again.
Hello,
Try to replace with the following code ->
@media (max-width: 767px){
.tdc-row.stretch_row_content{
padding-left:0;
padding-right:0;
}
}
Hope this helps!
Thanks.
it works .. thank you
