Mobile View adjustments

Hi team,

My website looks great on the computer!
however in mobile view a few things are off:

A. how can I extend the photos of the paint borders all the way to the end of the screen?

B. is there any way to help with that space between the paint border and the widget?

C. here, on the same page, everything looks good.

thanks in advance for your help!

Hello there,

Edit the respective row where you put an image, which should fill the entire screen and avoid left/right spaces. And add a custom class name, for example: my-row-expand-image

Update page.

Then navigate to Appearance > Customize > Additional CSS; and add the below CSS code:

    @media only screen and (max-width: 780px) {
      .siteorigin-panels-stretch.my-row-expand-image > .panel-grid-cell {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 0 !important;
      } 
    }

This line margin-bottom: 0 !important; will remove the bottom space between next element.

Regards,
Kharis

ahhhh THANK YOU KHARIS! it looks perfect now :)))

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis