Add to cart button not visible on mobile devices

On some mobile screens if the product has options, the add to cart button is not visible, you have to scroll down on the internal window.

Is there a setting, or maybe some css that can make the button visible instead of scrolling?

Attachments:

You must be logged in to view attached files.

Hi,

I would recommend you to choose and set the Standard button design in the Theme Settings > Shop > Product styles.

Best Regards.

Makes no difference.

I think you misunderstood the problem.

When you press the add to cart button, if the product has options then the quick add options form opens. On some mobile devices the form is not tall enough to display the add to cart button at the bottom without having to scroll down.

If you look at my original example there is only a line of 1 or 2 pixels to suggest that there is a button at the bottom of the form.

The form height needs to be increased so all contents are displayed.

This bug is still present in 7.1 Mega Electronics Shop demo.

Hello,

Can you please share the WP admin login details and the page URL so I will give you the custom CSS code.

Best Regards.

Details added

Hi,

Please try to use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Mobile CSS section:

.single_variation_wrap .woocommerce-variation-availability {
    font-size: 10px !important;
}
.single_variation_wrap .woocommerce-variation-price {
    font-size: 10px !important;
}
.single_variation_wrap .quick-shop-wrapper .single_add_to_cart_button {
    margin: -8px !important;
}
.quick-shop-wrapper .single_add_to_cart_button:before {
	font-size: 16px !important;
}
.quick-shop-wrapper select {
    height: 30px !important;
}
.single_variation_wrap .single_add_to_cart_button:before {
    top: -15px !important;
}

Best Regards.

That fixed it.

Thank you.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts