On mobile

On mobile, the add to cart button and the buy button are now not aligned to the same line. I would appreciate it if you could fix it for me.
And I want to change the color of the add to cart to black.
I also want the buy now and add to cart to be sticky like on desktop on mobile it’s just the add to cart sticky.
And I wanted to know how I add more elements to my product page, I want to add credit images and images of a safe purchase SSL certificate and such.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile to make the buttons on the same level:

.single-product-page form.cart .quantity {
	width: 100%;
}

You can change the color of the buttons in the Theme Settings > Styles and colors > Buttons.

You can insert the additional content by means of HTML block in the Theme Settings > Single product > Add to cart: https://xtemos.com/docs-topic/html-blocks-usage/

If you want to create custom template for the product you can do it by means of WooCommerce layouts builder: https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart

If you have any questions please feel free to contact us.

Best Regards

I also want the buy now and add to cart to be sticky like on desktop on mobile it’s just the add to cart sticky.

Hello,

WoodMart theme provides the option to show the sticky add to cart in the Theme Settings > Single product > Add to cart.

The HTML structure does not allow to make those buttons sticky.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts