Full width photos/widgets in mobile view

Hey team,

I was wondering if there were any codes that could extend widgets/photos to their fullest extent so there’s no outline around them as shown in the images below:

The site is https://omnirah.com/staging/8219/ if needed

Thanks

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 780px) {
      
      .panel-widget-style-for-20-4-0-0 > div {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;    
      }  
      .panel-widget-style-for-20-4-0-0 > div > img {
        width: 100%;
      }
    }

Regards,
Kharis

Kharis,

the code helps extend the picture shown in the 2nd attached screenshot, but doesn’t help with the 1st attached screenshot (the ‘stay connected’ widget)

Hello there,

I am sorry. What’s the issue with the first screenshot?

Regards,
Kharis

The white on the sides of the widget instead of it extending all the way to the edge of the screen

Hello there,

Please try adding this extra CSS code:

    @media only screen and (max-width: 780px) {
      
      #pgc-20-6-0.panel-grid-cell {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      
    }

Regards,
Kharis