Make image with text image come full width of mobile view

Shopify Discussion
1

Hello,

I would like to make the image in my image with text section come full width of the page. What code can i do this with? Thank you

Screenshot 2025-04-08 at 21.15.30.png
Screenshot 2025-04-08 at 21.15.30.png746×1994 124 KB

URL: https://www.habooequestrian.com.au/

2

Go to this sections “Custom CSS” setting and paste this code. It would apply to this particular section.

@media (max-width:749px) {
  .page-width {
    padding: 0;
  }
}

If you want to apply it to every “image with text” section, you can paste this code to the “Theme settings”=> “Custom CSS” instead:

@media (max-width:749px) {
  [class*=image_with_text] .page-width {
    padding: 0;
  }
}
3

Hi @ellacoker

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit, click the … button to open the actions menu, and then click Edit code.
  3. Open the file assets/base.css and add the following snippets at the end of file:
@media screen and (max-width: 749px) {
  [class*="__image_with_text_"] .page-width {
    padding: 0;
  }
}

If it doesn’t work, please add " ! important" after “padding: 0”.

Please let me know if you have any concern.

Cheers!