Full Width Product Pages for Prestige

Highlighted
New Member
4 0 0

Hi I would like to make my product page so that my images and videos are of full-width. Can anyone help me with that? 

 

0 Likes
Highlighted
Explorer
119 19 28

Please attach with your store url, page url and password if your store has password

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
0 Likes
Highlighted
Astronaut
1087 180 213

Hello,

Thank you for your question. 

Please share your store URL, page URL and also password (if your store has one) so we can help you.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
4 0 0

My store url is whataclassfella.myshopify.com and my store url is madeforyou.com.co

0 Likes
Highlighted
Astronaut
1087 180 213

You can try this code, but it won't work with your GIPHY gifs.

1. In Shopify Admin go to online store > themes > actions > edit code

2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
@media (max-width: 500px){
    .Product__Info .Container{
    overflow: hidden;
    padding: 0 !important;
}

.Product__Info img,
.Product__Info iframe,
.Product__Info video{
    max-width: 100% !important;
    width: 100% !important;
}
}
</style>



Let me know if solves the issue for images at least

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
4 0 0

Hi there, 

It works! Thank you so much for your help! 

However, I am facing a new issue. The price format looks distorted in the mobile view, and the add to cart, color swatches, quantity selector, and dynamic checkout button is also full width. How do I make those back to their original width? Leaving the rest of the page at their full width. I wanted full width for just my product description but not the add to cart selection area itself. 

This is a screenshot of my current issue. 

Oliver24_0-1596899447600.png

Thank you so much in advance. 

0 Likes