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

Replies 10 (10)
Pallavi
Shopify Expert
2459 411 532


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
KetanKumar
Shopify Partner
25090 2512 9075

@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
slidingaround
Tourist
7 0 1

Thanks. 

www.thefoamlife.com

thefoamlife-WIP

alexfc
Excursionist
17 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
  } 
}

 

 

 

 

Pallavi
Shopify Expert
2459 411 532

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
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. 

slidingaround
Tourist
7 0 1

Ok many thanks, I will try and find this. 

NeilBDE
Excursionist
16 0 6

I also have the same issue with the Flow theme. Please, anyone, help how to align the buttons on desktop as well as mobile views.

 

alexfc
Excursionist
17 4 2

@NeilBDEcan you share your site's link?