Okay
  Public Ticket #946478
Small CSS error
Closed

Comments

  •  2
    vitobharata started the conversation
    November 6, 2016 at 8:36pm

    Hello,

    Before I purchased, I ask you to fix this: 



    And you said that you can fix this small problem. This happened to mobile that the screen width is a bit smaller. So the add to cart button moved to bottom.

    Can you make it not stacked with the quantity editor if the device width is smaller?

    So there should be a gap with the quantity editor. And the width of add to cart button is full (in mobile)


    Thanks,
    Vito

  •  2
    vitobharata replied
    November 7, 2016 at 9:20am

    Also please check: https://sistalux.com/produk/paul-smith/

    The add to wishlist button not working, give the wrong link. Also, after I installed Aurum, the wishlist plugin is not there, I have to install manually.

  • [deleted] replied
    November 7, 2016 at 12:42pm

    Hi Vito,

    1— Here is a quick fix, so please add the code below to Custom CSS:

    @media screen and (max-width: 360px) {
    button.single_add_to_cart_button.button.alt {
        width: 100% !important;
        margin-top: 10px !important;
    }
    
    .woocommerce .quantity.buttons_added {
        width: 100% !important;
    }
    
    .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
        margin-top: 5px;
    }
}

    P.S: I just wrote this on our to-do list, and we will fix this problem on the next theme update, then you only need to remove the CSS that we gave you.

    2— Can you please share your WP credentials here, because I need to login to your site and test this issue. Your information is safe here (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)