Solved

Can images be made full width and responsive on Shopify?

lesbrons
Pathfinder
153 0 54

Hi my page is https://lesbrons.com/pages/philanthropy and password: sandwich

is there a way to make just the images be full width on the page without any margins on each side, and have this be responsive on any screen i view it on?
thanks

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @lesbrons 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 789px){
.template-page-custom-two .page-wrap .rte.row{
    max-width: 100% !important;
    width: 100%;
    padding: 12px;
}
}

 

View solution in original post

Replies 6 (6)

Zworthkey
Shopify Partner
5581 642 1565

Hi
@lesbrons Add this code to stylesheet.css

* {
    margin: -0.5px;
}

I hope your problem will be Short out.
Thank you

lesbrons
Pathfinder
153 0 54

hi, thanks for your reply but that didnt seem to fix the issue. i can try adding that code manually to each image on the page as well but it still does not make the images responsive on a larger screen.

Kinjaldavra
Shopify Partner
2302 570 1422

hello @lesbrons 

do you want to look like this https://nimb.ws/6beudf

 

lesbrons
Pathfinder
153 0 54

Hi, yes, that's exactly the look im after

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @lesbrons 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 789px){
.template-page-custom-two .page-wrap .rte.row{
    max-width: 100% !important;
    width: 100%;
    padding: 12px;
}
}

 

lesbrons
Pathfinder
153 0 54

thank you so much for your help, i really appreciate it!