I selected the row layout block and It has a background gradient that’s not showing full width on mobile means it has some margins(blank white space) from left and right, I want it to cover the full screen for mobile devices only, so I tried giving it full width but it doesn’t help also I only want full width on mobile.
Are you sure you’re using the row layout background color and not the section background color? The row layouts have section blocks, and you can add a gradient background to the section. You can also add left and right margins to the section, which would add white space to the left and right.
There isn’t an option to change the full-width alignment of the block for mobile devices only. However, the row layouts have visibility settings to hide them on different screen sizes. For example, you can create one row, hide it on mobile screens, and make a second, full-width row that hides on desktops and tablets.
Thank you for the link to your example. I reviewed the page and saw that your theme adds left and right padding to the page’s primary container. There is left and right padding for the whole page. When I remove it using developer tools, the picture extends the full width. To remedy the situation, remove the padding or try using negative left and right margins on your row layout.
Thanks for this much help and sorry because I didn’t know it was the theme’s issue, BTW I gave the row layout a separate CSS class and margin-right to -15px margin-left to -15px and it’s good to go
