Header Image Span Width

Can you tell me the best way to make my header mage at www.mccinternalmedicine.org span the entire width and look the cleanest? I might would try a slider as well- can you recommend the best way to do this? Thanks.

Hello there,

In the Row Layout option under row setting > Row Styles > Layout; choose “Full Width Stretched”.

28

Regards,
Kharis

Thanks. That does not work. Is it the size of the image? The image is 1075x379. Or is there some CSS I could use?

Hello there,

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

    #panel-2040-0-0-0.container {
      position: relative;
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
    }

    #panel-2040-0-0-0 > img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

Regards,
Kharis

That worked very well - thanks! I am still having some issues with the background image on my social media block - it also does not span the width and it is pixelated on tablet - I will start a new topic - thanks for this one - I really like the way it looks.