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

dmwwebartisan
Shopify Partner
7483 1776 2381

@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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Clemcls01
Tourist
6 0 4

@dmwwebartisan  

https://baebliss.com/

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

DigitalArtisans
Shopify Partner
377 57 75

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
0 Likes
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

 

0 Likes
dmwwebartisan
Shopify Partner
7483 1776 2381

@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 | Bag is a cart drawer that maximizes your sales. View app →
DigitalArtisans
Shopify Partner
377 57 75

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
0 Likes
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

@DigitalArtisans i'm using debut theme

0 Likes
dmwwebartisan
Shopify Partner
7483 1776 2381

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 | Bag is a cart drawer that maximizes your sales. View app →