Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 13, 2014 at 5:25 pm #237053
    wesleysoccer

    How can I fix my sidebar that is currently above my product info on mobile?

    Would rather have product information and add to cart above sidebar on mobile.

    Also, when viewing my cart in mobile, I cannot add quantity, delete product…looks different on mobile.

    http://attainablevintage.com

    • This topic was modified 10 years, 1 month ago by wesleysoccer.
    March 14, 2014 at 2:18 pm #237623
    Yigit

    Hey wesleysoccer!

    Please try adding following code to Quick CSS

    @media only screen and (max-width: 480px) {
.single-product-summary {
float: left;
}
.single-product-main-image {
float: right;
}}

    Regards,
    Yigit

    March 14, 2014 at 2:55 pm #237644
    wesleysoccer

    The quantity option is not showing on computer as well…see cart page after adding product.

    http://cl.ly/image/34440L2f2r2Q

    it should have “+” and “-” option next to number…I need this fixed. thanks.

    • This reply was modified 10 years, 1 month ago by wesleysoccer.
    March 14, 2014 at 3:03 pm #237650
    Yigit

    Hi!

    Which version of WooCommerce are you using? If not the latest, please update it and try deactivating all active plugins except for WooCommerce and check if that helps

    Best regards,
    Yigit

    March 14, 2014 at 3:31 pm #237679
    wesleysoccer

    latest version of woo. did try to deactivate plugins..no fix.

    March 14, 2014 at 10:53 pm #237849
    wesleysoccer

    really need help with my questions….

    March 15, 2014 at 1:37 am #237876
    Devin

    Hey!

    The + and – options are only available if that product can have multiples.

    Regards,
    Devin

    March 15, 2014 at 5:52 am #237928
    wesleysoccer

    Thanks. Last thing: How do I delete a product on cart page? the {x} delete button is not there on mobile view?

    here is the enfold demo view (mobile) http://cl.ly/image/391W3a030338

    March 18, 2014 at 7:31 pm #239567
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
.product-remove {
    display: table-cell !important;
}
}
@media only screen and (max-width: 479px) {
th.product-remove {
    display: none !important;
}
}

    Result:

    Cheers! 
    Josue

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.