View Cart Button in Cart Drop Down Menu Keeps Disappearing

Solved11 replies3 participantsUpdated by Skye

  • Avatar: Skye
    Skye
    Participant

    Hi, it seems I have a similar issue to another person. I half built the site and then the buttons and cart total disappeared from the drop down menu seen when mouse is hovering over the cart icon in the header. I couldn’t work out what had gone wrong so I did a reset and started all over again.

    It is now happening again. The ‘View cart’ button has disappeared, it did look the same as the checkout button the picture.

    Can you please advise what is going on as I am finding it very difficult to progress when things change like this without any intervention from me!

    All non critical plugins are turned off.

    Please, contact administrator
    for this information.
    #246562 Copied Theme version: 6.3.8 WooCommerce version: 4.3.1

    11 Answers

    Avatar: John Holden
    John Holden
    Participant

    Hi,

    Please send:

    – Admin info (wp-admin URL, username, password)

    I will check this problem for you.

    Regards,
    Hung PD

    #246594 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    I do not see any problem on your site – https://prnt.sc/tu9fs3 The current displaying is the correct one. You can see the same on our demos.

    Regards

    #246596 Copied
    Avatar: Skye
    Skye
    Participant

    Thank you for your responses, I am almost certain there was a button to link to the cart page when I installed the theme.

    #246614 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    It was like this in a very old theme version.
    Feel free to ask if you have any other questions.

    Regards

    #246637 Copied
    Avatar: Skye
    Skye
    Participant

    Ok, I don’t suppose someone could advise how I could get it like this? I have included a photo of another xstore website. This looks a lot more user friendly.

    Sorry I don’t know how you get the link to the photos!

    Many thanks

    Please contact administrator
    for this information.
    #246640 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Try to add the next code in Theme Options > Theme Custom CSS:

    .cart-popup-footer {
    flex-direction: column-reverse;
    padding-bottom: 10px;
}
.cart-popup-footer > a {
    width: 100%;
    background-color: red;
    display: block;
    padding: 1rem 1.2rem;
    line-height: 1.2;
    color: white !important;
    text-transform: uppercase;
    text-align: center;
    font-size: 85% !important;
    margin-top: 15px;
}
.cart-popup-footer > a:hover {
    background-color: green;
}

    Regards

    #246645 Copied
    Avatar: Skye
    Skye
    Participant

    Thank you very much I’ll give it a go.

    #246654 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    You’re welcome!

    Regards

    #246663 Copied
    Avatar: Skye
    Skye
    Participant

    Thank you so much for this, it worked! I was able to change the button colour and font to match the existing button, which is great. However when hovering over the existing button it changes to a lighter shade of the colour (that I’ve specified). See the bottom button in the photo. In your code it changes to green. How do I get it to change to the shade in the picture, is it an opacity setting?

    Many thanks. I actually feel like I’m getting somewhere with the website now, even though the homepage still looks very much like your demo!

    Please contact administrator
    for this information.
    #246909 Copied
    Avatar: John Holden
    John Holden
    Participant

    Hi,

    Try below code 

    .btn-checkout:hover, .btn-view-wishlist:hover {
    opacity: 1 !important;
}

    Regards,
    Hung PD

    #246910 Copied
    Avatar: Skye
    Skye
    Participant

    Thank you

    #246956 Copied

The issue related to '‘View Cart Button in Cart Drop Down Menu Keeps Disappearing’' has been successfully resolved, and the topic is now closed for further responses