Move add to cart button

Hi,

Thanks for that.
1. Just want to confirm that this is on the product page not on the homepage? example link in private content

Mobile issues:
1. Try adding this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  .responsive #top #main .products .product {
    width: 48%;
    margin: 0 1% 20px;
  }
}

this doesn’t look good with 2 columns though.

2. Try adding this css code in Quick CSS:

@media only screen and (max-width:767px) {
  .responsive .single-product-summary {
    float: none !important;
    width: 100% !important;
  }
}

3. Are you referring to Categories submenu items?

Best regards,
Nikko

Hi,

Sorry for the late response.

1. Try adding this at the bottom of functions.php:

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_template_single_add_to_cart', 15 );

3. Can you try to change the link from # to the url of your category page.

Hope this helps.

Best regards,
Nikko

Hi Alex,

Can we ask for ftp access? so we can try to test it out. You can also check for woocommerce hooks since it’s what Enfold use to move woocommerce related objects.

Best regards,
Nikko

Hi,

Thanks for providing that, I have checked it and removed the code from functions-enfold.php and put it in functions.php, also noticed you are not using a child theme, I would suggest using that since the code added will be lost during theme update since it’s in the main enfold theme. try checking out the child theme: http://kriesi.at/documentation/enfold/using-a-child-theme/

As for the button, can you add this to Quick CSS (located in Enfold > General Styling):

.single-product p.cart {
    width: 100%;
}

Hope this helps :)

Best regards,
Nikko