Product images full screen please help shopify

anarchyams · ‎02-21-2025

I tried all codes to get my product images in full screen but it just doesnt work. Could someone help me please? The password of the website is vip1994

FrankyGiap · ‎02-22-2025

Hi @anarchyams,

You can follow this guide:

a. Goto Shopify Admin -> Online Store -> Themes
b. On your current theme, click ... -> Edit code
c. Follow 1 -> 2 -> 3 to search end of head tag

d. Add follow code, it can be fix your problem for mobile

<style>
@media screen and (max-width: 740px) {
    .product:not(.product--featured) {
        margin-top: 0px !important;
    }

    .product:not(.product--featured) .product__media-item {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
</style>

- Solved it? Hit Like and Accept solution or ❤️Buy Me Coffee❤️
- Fusion Workflow: Automate Your Store with Precision and Ease

CodingFifty · ‎02-22-2025

Hi @anarchyams,

Go to Shopify Admin → Click Online Store → Themes
Find your active theme → Click ... (three dots) → Edit Code
Open theme.liquid
Scroll to the end of the <head> tag
Add your custom css just before </head>

<style>
@media screen and (max-width: 740px) {
    .product:not(.product--featured) {
        margin-top: 0px !important;
    }

    .product:not(.product--featured) .product__media-item {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
</style>

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Product images full screen please help shopify

Product images full screen please help shopify

Community Blog Articles