FROM CACHE - en_header

Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more about how to activate this in your store.

Help Huge spacing between product media and product title

Solved
Clemcls01
Tourist
6 0 4

Hey everyone - I could really use some help.

I'm not sure what happened, but the Mobile Menu on my site has suddenly expanded due to a bunch of extra space between product pictures and title.  I cannot figure out what is causing it.  

i've attached a screenshot of what it looks like. Before this, they were all neatly under each other.What can I do to get it back to the normal spacing?  

Thank you 

C7634B17-4202-4882-A027-0A2848D83F91.pngACF28AA0-99C5-4E96-AA8B-A53D8726F946.png

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
11285 2411 3466

This is an accepted solution.

@Clemcls01 

Please remove the last given code and add this new code in assets/theme.css file.

@media only screen and (max-width: 749px){
.product-single__thumbnails-item-slide, .product-single__media{ height: auto !important; }
} 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 10 (10)
dmwwebartisan
Shopify Partner
11285 2411 3466

@Clemcls01 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Clemcls01
Tourist
6 0 4

@dmwwebartisan  

https://baebliss.com/

desktop isn't as bad as mobile but also an issue

DigitalArtisans
Shopify Partner
378 57 85

Hello @Clemcls01 !

 

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss->paste the below code at the bottom of the file:

 

@media screen and (max-width: 590px) {

.product-single__meta {

         padding-top: 0 !important;

}

}

 

Hope this helps!

 

Thanks,

Digital Artisans

Hatim Ayoub | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted
Clemcls01
Tourist
6 0 4

@DigitalArtisans no result with this code 

little detail i don't have theme.scss in my assets but theme.css

 

dmwwebartisan
Shopify Partner
11285 2411 3466

@Clemcls01 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
.product-single__thumbnails-item-slide{ height: auto !important; }
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
DigitalArtisans
Shopify Partner
378 57 85

Hello @Clemcls01 ,


Try to paste the code under theme.scss in draft mode and let me know your theme.

Thanks,
Digital Artisans

Hatim Ayoub | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted
Clemcls01
Tourist
6 0 4

@dmwwebartisan much better on the bottom part ! thanks but still have the spacing on the top part see screenshot below :

 

F85EC382-8E54-461D-9FF0-AB9FAD4D21B3.png

Clemcls01
Tourist
6 0 4
dmwwebartisan
Shopify Partner
11285 2411 3466

This is an accepted solution.

@Clemcls01 

Please remove the last given code and add this new code in assets/theme.css file.

@media only screen and (max-width: 749px){
.product-single__thumbnails-item-slide, .product-single__media{ height: auto !important; }
} 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Clemcls01
Tourist
6 0 4

@dmwwebartisan Amazing !!! It worked thanks a lot!