buttons not lining in up in mobile view

slidingaround
Tourist
7 0 1

The Quick view buttons aren't lining up on my store in mobile view. 

This is on the home page of my site.

They are fine on the Mens best selling styles but not the Womens best selling styles. (See pics attached)
Does anyone know how to fix this please? Im using the theme: Flow. 

I've checked that images are the same size.

Many thanks. 

 

Screenshot 2021-05-14 at 08.08.46.png

 

 

Screenshot 2021-05-14 at 08.12.53.png

Pallavi
Shopify Expert
2235 370 484


Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
KetanKumar
Shopify Partner
20534 2122 7742

@slidingaround 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
slidingaround
Tourist
7 0 1

Thanks. 

www.thefoamlife.com

thefoamlife-WIP

0 Likes
alexfc
Excursionist
15 4 2

Somewhere in your theme's CSS file you have this code (or similar as I got this inspecting your site with the browser's tools):

@media screen and (max-width:768px) {
  .featured-product--grid-item {
    padding-left:15px
  }
  .featured-product--grid-item:nth-last-child(-n+2) {
    margin-bottom:0!important; 
  }
}

You need to remove the margin bottom of the last child on mobile view like this:

@media screen and (max-width:768px) {
  .featured-product--grid-item {
    padding-left:15px
  } 
}

 

 

 

 

0 Likes
Pallavi
Shopify Expert
2235 370 484

Hello there.

Quick view button is not display collections page for this webiste [ https://www.thefoamlife.com/ ]

Screenshot :- https://prnt.sc/12x1nhc

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
slidingaround
Tourist
7 0 1

Yes i have removed for now but on the Womens you can still see there is the same issue with the images and product title not lining up. 

0 Likes
slidingaround
Tourist
7 0 1

Ok many thanks, I will try and find this. 

0 Likes