Stretching an image for mobile view

dipanjan94

Hello, I would like to work on the customization of this page https://www.dipanjanpal.com/Recognition/In-the-press

In the desktop view, the image is already stretched to the edges. I want the same for mobile view as well.

Also, I noticed that in mobile view, there's is a big white space between the top bar (which has my name and the hamburger menu) and the image. I would like to decrease it as well. Can anyone help me with it?

Hikin' Mike

Add this to your Theme's Custom CSS section:

@media (max-width: 736px) { 

  .sm-user-ui .sm-page-widget-26465993 .sm-page-widget-content,
  .sm-user-ui .sm-page-widget-27877151 .sm-page-widget-content {
    margin: 0 !important;
    padding: 0 !important;
  }

}

dipanjan94

Hey Mike, is this for the first or second question?

Hikin' Mike

Both.

dipanjan94

Thank you. I added it in my theme's custom CSS section but it does not seem to work. Could you please tell me if I've done something wrong?

Hikin' Mike

@dipanjan94 said:
Thank you. I added it in my theme's custom CSS section but it does not seem to work. Could you please tell me if I've done something wrong?

This: https://gallery.imagesinthebackcountry.com/Smugmug-customization/Adding-CSS-to-your-SmugMug-Website