Full width on mobile

Hello @anassal

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.

Yes I’m 100% sure it’s bg color for layout, you can check my settings in this SS,

https://snipboard.io/rkj2Pc.jpg

Yes hiding for tablet and desktop is good idea but why will I do this if I can’t go for full width for mobile

Hello @anassal

Do you have a link to the page that has your example? Unfortunately, I haven’t been able to gather enough information about the problem.

I changed the background to the image, see it below heading ‘Behind the Vision’ on mobile please, link to the page:

categorizedshark.com

Hello @anassal

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

there’s one more question can i align all sections in row layout to auto height means it should stretch all items to same height? Please look on SS:

https://snipboard.io/HwlPer.jpg

I want this section to be full height

Hi there!

Yes, there’s an option to make all inner height columns 100%. Go to the Row Layout block settings > Advanced tab > Structure Settings.

Here’s a screen recording for your reference – https://share.getcloudapp.com/7KuW7rb2.

I hope this helps, and let us know if we can help you further.

Regards,
Karla

Thanks again it was very helpful