Return to previous page

View Cart Button in Cart Drop Down Menu Keeps Disappearing

This topic has 12 replies, 3 voices, and was last updated 5 years, 4 months ago ago by Skye

  • Avatar: Skye
    Skye
    Participant
    August 4, 2020 at 21:18

    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
    August 5, 2020 at 05:45

    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
    August 5, 2020 at 07:15

    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
    August 5, 2020 at 10:03

    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
    August 5, 2020 at 15:49

    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
    August 5, 2020 at 16:10

    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
    August 5, 2020 at 16:40

    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
    August 5, 2020 at 17:11

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

    #246654 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 5, 2020 at 18:10

    You’re welcome!

    Regards

    #246663 Copied
    Avatar: Skye
    Skye
    Participant
    August 8, 2020 at 00:14

    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
    August 8, 2020 at 04:41

    Hi,

    Try below code 

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

    Regards,
    Hung PD

    #246910 Copied
    Avatar: Skye
    Skye
    Participant
    August 8, 2020 at 14:54

    Thank you

    #246956 Copied
  • Viewing 12 results - 1 through 12 (of 12 total)

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

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.