Viewing 11 replies - 1 through 11 (of 11 total)
  • Paul

    (@armstrong698)

    Answer can be found here:

    http://wordpress.org/support/topic/mobile-friendly-3?replies=2

    The plugin author suggests using this code:

    @media only screen and (max-width: 769px) {
    .widget_shopping_cart {
    display:none;
    }
    }

    However, it is not the cart that you wish to disable, its the tab part, in which case I suggest you use this code:

    @media only screen and (max-width: 769px) {
    .cart-tab {display:none;};
    }
    }
    Paul

    (@armstrong698)

    @media only screen and (max-width: 769px) {
    .cart-tab {display:none !important;}
    }

    ** This is the actually code sorry, couple of extra characters snuck in there

    jeen020

    (@jeen020)

    I’m having the same problem but I have no idea where to put this code. In which file and where in the file. Is it also possible to change the color of the font?

    Thread Starter Tiago Costa

    (@tiago-costa)

    jeen020 read de last Paul’s post. It’s work to me.
    Go to the FTP > wp-content > plugins > woocommerce-cart-tab > assets > CSS > style.css

    Edit this file ( I used Dreamweaver).

    This modification can be slow to appear to you (here was about 1 week)

    Sorry for my poor English

    jeen020

    (@jeen020)

    Thank you for the quick response. I managed to disable the tab but can’t figure out where I can change the font colour of the texts cart and subtotal.

    Paul

    (@armstrong698)

    you can change the font colour via your wp dashboard –> Appearance –> Editor. This will allow you to set the rules for any object within wordpress e.g.

    .yourclass {
    color: #000000 !important
    rule: attribute !important
    }

    hmm, still dont know where to put that (noob;)

    someone willing to spell it out?

    @media only screen and (max-width: 769px) {
    .cart-tab {display:none !important;}
    }

    this i mean, where to put it in the style.css

    🙂

    I placed :

    @media only screen and (max-width: 769px) {
    .cart-tab {display:none !important;}
    }

    in wp-content > plugins > woocommerce-cart-tab > assets > CSS > style.css

    but the cart tab did not disappear.

    The changes take place immediately, I didn’t disable CDN
    @andre zweers, you need to place that code at bottom of style.css

    This must be marked as resolved now.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Remove Woocommerce Cart Tab on Smartphones’ is closed to new replies.