New Landing How can we help? Cardinal Quickview not styled

Viewing 15 posts - 16 through 30 (of 31 total)
  • Posted in: Cardinal
  • #108927
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    @media only screen and (max-width: 991px)
    .product .cart-overlay .shop-actions .jckqvBtn {
    width: 46px;
    }

    – Kyle

    #109260
    torb
    Member
    Post count: 317
    This reply has been marked as private.
    #109279
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Guess only is missing the !importart to overwrite other css rule that is affecting that button.

    
    @media only screen and (max-width: 991px)
    .product .cart-overlay .shop-actions .jckqvBtn {
    width: 46px!important;
    }

    -Rui

    #109281
    torb
    Member
    Post count: 317

    It does hide the elements when the screen size gets to narrow – the icon is with white edges, though. Sure it is not the icon itself that has this edges?

    #109363
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    No, the width decreases from 46px to 38px and it’s centered causing the left/right areas.

    Ok, Now I realised that are missing some brackets to open and close the media query.

    Add this one please

    
    @media only screen and (max-width: 991px){
    .product .cart-overlay .shop-actions .jckqvBtn {
    width: 46px!important;
    }
    }

    -Rui

    #109585
    torb
    Member
    Post count: 317

    Quickview icon looks fine now!

    #109588
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great

    – Kyle

    #122678
    torb
    Member
    Post count: 317

    Any reason (theme update, WooCommerce update) this should not work any longer? It does not.

    #122913
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Check now?

    – Kyle

    #122914
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    For your comments you’re using //

    This is not a valid css comments, css comments open with /* and end with */

    – Kyle

    #122931
    torb
    Member
    Post count: 317

    Thank you! I should of course have spotted that.

    #122932
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

    – Kyle

    #122935
    torb
    Member
    Post count: 317
    This reply has been marked as private.
    #122936
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Check now?

    – Kyle

    #122937
    torb
    Member
    Post count: 317

    It’s OK again. And the setting was?

Viewing 15 posts - 16 through 30 (of 31 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register