iPad view of Grid and List Lay-out

[kiki1990]

How can I delete the buttons to put in the cart and the price?

As you can see it’s not that pretty, like that.

Hope you guys can help me!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Have you updated to the latest version of the theme and the swift framework plugin?

– Kyle

[kiki1990]

Yes! Eventually I thought that was the problem but on your website (swiftideas.com), I see the same thing (problem for me) on my iPad.

[Kyle – SUPPORT]

Ok add this to your custom css:

@media only screen and (max-width: 768px) { 
ul.products .shop-actions {
  display: none;
}
}

– Kyle

[kiki1990]

Thanks for tip where to begin adjusting the CSS! Eventually I adjusted some of the code and for the people that has the problem with it as I did, here is the code that deleted the ‘Shop-Actions’.

@media only screen and (max-width: 1024px) { 
.product .cart-overlay .shop-actions {
    display: none !important;
}
.product figure .cart-overlay {
    opacity: 0;
    display: none !important;
}
}

[David Martin – Support]

Great, thanks Kyle and kiki1990, hopefully it will assist others.

Thanks,
David.

[cfairi]

Hi, I am having the same issue where the price and Add to Cart button obscure the images on the iPad. Is there any way to sort this out for someone who doesn’t have web development knowledge?

[Kyle – SUPPORT]

Hi

Add the css above to Theme Options > Custom CSS

– Kyle

[cfairi]

Thank you, should I add the code from Kyle or kiki1990’s message?

[Kyle – SUPPORT]

Yes this code:

@media only screen and (max-width: 1024px) { 
.product .cart-overlay .shop-actions {
    display: none !important;
}
.product figure .cart-overlay {
    opacity: 0;
    display: none !important;
}
}

– Kyle