Shop grid / alignment

[serieux]

Hi,

How can I fix the shop allignment ?

It seems that ‘select options’ is making the store go out of allignment.

What is the custom CSS I can put in to fix this issue?

Please see attached photo.

Thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 479px) {
.product-display-standard .product-actions > a{
padding:10px !important;
}
}

Thanks
Mohammad

Thanks
Mohammad

[serieux]

Hi Mohammad,

Unfortunately it didn’t work

You can see the problem easily in the following link:

http://quirktools.com/screenfly/#u=http%3A//serieux.com.au&w=320&h=568&a=37&s=1

[Mohammad – SUPPORT]

Hi,
Please remove last code and use this new code :-

@media only screen and (max-width: 479px) {
.product-display-standard .product-actions > a {
    padding: 4px !important;
    font-size: 11px !important;
}
}

Thanks
Mohammad

[serieux]

Hi Mohammad,

We’re getting closer, but still not what i want.

http://quirktools.com/screenfly/#u=http%3A//serieux.com.au&w=320&h=568&a=37&s=1

Please see the link again

[serieux]

Also,

As you can see, on the iphone 6 plus, it looks great! That is what i want all the mobile versions to look like.

[Mohammad – SUPPORT]

Hi,
It looks perfect. Please attach a marked screenshot.
Thanks
Mohammad

[serieux]

Hi Mohammad,

It still doesn’t look good on a iphone 5.

And there was no picture attached

[Kyle – SUPPORT]

Hi

The button is fine now for me on iphone 5. The reason the alignment is still off is because of the length of your product titles, however there’s no much we can do about that. You could force them to be a min height, add this to your custom css:

@media only screen and (max-width: 479px) { 
.woocommerce .products .product .product-details {
  min-height: 60px;
}
}

– Kyle

[serieux]

Kyle and Mohammad,

That was exactly what i needed!

Thanks again mate!

Appreciate all your support gents

[Mohammad – SUPPORT]

Hi,
You most welcome and we are glad that your issues have been resolved.
Thanks
Mohammad