Public Ticket #2698298
Empty Cart Font Mobile Not Responsive


  •  1
    jodyannthomas started the conversation


    The font for - Your Cart is Currently Empty is not responsive and appears way too large on the mobile. I have attached a screen shot. I cannot find where to change the font for this particular Woo Commerce Feature. 

    Kind regards


    Attached files:  IMG_1365.png

  •   jodyannthomas replied privately
  •  1,554
    Andrew replied

    Hi There,

    Please try this css:

    @media only screen and (max-width: 999px) and (min-width: 1px){
    .main-content>div {
        width: 635px;
        left: -70px;
    } }


  •  5,464
    Tahir - SUPPORT replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 690px) {
        .woocommerce-page .woocommerce p.cart-empty {
            font-size: 20px !important;


  •  1
    jodyannthomas replied

    This worked perfectly. Thank you very much.