Full Width Product Pages for Prestige

Oliver24
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
Michael_Pink
Navigator
264 44 56

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 PageFly PageBuilder App.
shopify.expert.team@gmail.com
0 Likes

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.
◦ Tutorials: Minimal theme product pages slideshow | Debut Theme product pages slideshow
◦ Looking to hire a reliable Shopify developer? Same day response: ezfycode@gmail.com.
0 Likes
Oliver24
New Member
4 0 0

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

0 Likes

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.
◦ Tutorials: Minimal theme product pages slideshow | Debut Theme product pages slideshow
◦ Looking to hire a reliable Shopify developer? Same day response: ezfycode@gmail.com.
0 Likes
Oliver24
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
helloprimebeats
New Member
1 0 0

I am also facing the same issue.

0 Likes
Michael_Pink
Navigator
264 44 56

Hi @helloprimebeats 
can you share your store and page URL??

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