Put add to wishlist and compare below divider on product page

Hi,

Just a small question but i notcied that on the basel demo the ‘add to wishlast’ and ‘compare’ buttons are below the divider and the add to cart button. On my site they are next to the button and look a little squashed. Is there a setting or some css to move them to below the divider?

see here : https://ibb.co/eOmCwk

Thanks 🙂

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.single-product-content .cart {
	display: block!important;
}

.single-product-content .entry-summary .yith-wcwl-add-to-wishlist {
	margin-bottom: 5px!important;
}

Regards

Hi thanks for your reply,

Thant does help, it moves the ‘add to wishlist’ and ‘compare’ buttons below the ‘add t cart’ button, but not below the thin grey divider as i was hoping. (see image in post above).

Any way to achieve that?

Thanks

Hi,

Sorry, but it is not possible to make this view for simple products because WooCommerce has different HTML markup for simple and variable products. That is why they may look a bit different.

Kind Regards

[Author]

Posts