Description out of designated space

Solved

Description out of designated space

Matteo96
Excursionist
18 0 2

Hello,

Does anyone have any idea how to fix the description not getting out of the space?

It's really frustrating that I can't fix this issue.

A little help will be much appreciated.

 

 

Screenshot 2024-06-16 104628.png

Accepted Solutions (2)
BSSCommerce-HDL
Shopify Partner
1027 346 413

This is an accepted solution.

Hi @Matteo96
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1718545044474.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1718545048910.png

 

Step 3: Insert the below code at the bottom of the file -> Save

 

@media only screen and (min-width: 1008px) {
   .Product__Gallery.Product__Gallery--withThumbnails {
      width: 50% !important;
   }

   .Product__Wrapper {
     display: flex;
     max-width: 100% !important;
   }
   .Product__InfoWrapper {
     position: unset !important;
   }

}

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

BSSCommerce-HDL
Shopify Partner
1027 346 413

This is an accepted solution.

@Matteo96, I'm glad I was able to help you solve the problem. Have a good day 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 7 (7)

Asad-Mahmood
Pathfinder
80 13 14

What's your store url ?

If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com

BSSCommerce-HDL
Shopify Partner
1027 346 413

Hi @Matteo96,  Can you kindly share your page link with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

BSSCommerce-HDL
Shopify Partner
1027 346 413

Hi @Matteo96, After checking I found this to be the problem

BSSCommerceHDL_0-1718527708026.png

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Matteo96
Excursionist
18 0 2

Thank you.

If you have time, can you please explain in more detail what I have to do in order to fix the problem? I have very little experience.

BSSCommerce-HDL
Shopify Partner
1027 346 413

This is an accepted solution.

Hi @Matteo96
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1718545044474.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1718545048910.png

 

Step 3: Insert the below code at the bottom of the file -> Save

 

@media only screen and (min-width: 1008px) {
   .Product__Gallery.Product__Gallery--withThumbnails {
      width: 50% !important;
   }

   .Product__Wrapper {
     display: flex;
     max-width: 100% !important;
   }
   .Product__InfoWrapper {
     position: unset !important;
   }

}

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Matteo96
Excursionist
18 0 2

It worked. Thank you so much. It was really helpful.

BSSCommerce-HDL
Shopify Partner
1027 346 413

This is an accepted solution.

@Matteo96, I'm glad I was able to help you solve the problem. Have a good day 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency