Support » Theme: OceanWP » Menu basket styling issue

  • Jethro Burnett Thorburn


    Good day,

    Recently the styling of the Basket and Checkout buttons on the Menu Basket drop-down menu have changed. They never used to be like this (plain grey and square).

    When I go to the Customizer and do the Menu Basket styling settings, they appear to have the colours I previously set, but they are showing grey on the website. If I change the colours for the buttons, they still remain grey on the website.

    Here is a link to some screenshots:

    Any way I can perhaps get this fixed?

    Thank you for your time and energy.

    Kind regards,

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 16 total)
  • Hello,

    1. Go to Theme Panel > Scripts & Style, disable all – save settings, then enable it again. Clear cache and check it works or not.
    2. Try to disable the cache plugin temporarily and check it works or not.

    Thread Starter Jethro Burnett Thorburn


    Hi Amit,

    I tried both of those things and it did not have any success I’m afraid.

    I did both Number 1 and 2 that you listed above.

    Try to disable all the plugin except Ocean Extra + Woocommerce and check it works or not. Also, go to Customize > Woocommerce > General section and check if you have removed the oceanwp woocommerce features.

    Thread Starter Jethro Burnett Thorburn



    I checked in Customize > Woocommerce > General and everything looks fine there. I have not disabled OceanWP woocommerce features.

    I also tried to disable all the plugins on my WordPress backend.

    I left Woocommerce and Woocommerce Admin plugin, and Ocean Extra.

    I also had to leave Elementor and Elementor Pro.

    So with those 5 plugins I am still getting the error with the Cart Styling.

    I am not sure how to proceed. If I deactivate Elementor and Elementor Pro then I cannot access any of my pages (I used the page builder to create the Header of the site where the Woocommerce Menu Cart/Basket is).

    I am not sure how Elementor could be the problem though, because at a stage previously while I was also using Elementor, there was not this problem with the Menu Cart. So if it worked previously with Elementor I am not sure why that might be causing the problem now…

    I am quite confused.

    Would really appreciate any guidance and assistance.

    Thank you.

    Thread Starter Jethro Burnett Thorburn


    Another thing to note, is that the AJAX is not functioning properly either.

    When I add a product to cart the AJAX works and the Menu Cart pops up.

    However, if I click the small “x” to remove the Product from the Cart, it removes the product BUT it refreshes the page instead of using AJAX.

    Thread Starter Jethro Burnett Thorburn



    Just a note:

    My website was down for a while. While I was deactivating all the plugins (as you requested) my site crashed due to one of the plugins having some faulty code in the child theme.

    I have since sorted that issue out.

    Would love to figure out a solution to this one. The styling of the Menu Cart/Basket drop-down doesn’t really match the rest of the website.

    Thank you.

    Hello @happyhealthyhonesthuman

    You may opt by heading to Customising > WooCommerce > Menu Basket, and adjust colours, size, etc according to your needs.

    Thread Starter Jethro Burnett Thorburn


    Hello Alex,

    Thank you for the suggestion.

    When I edit the settings there, the settings change but they do not reflect on the live site. Even the styling of the buttons is incorrect. They should have rounded curves, however, they are rectangular.

    This is not to do with settings configuration, there is some other error happening here.

    Would sincerely appreciate any assistance.

    Thank you for your time and energy.

    Thread Starter Jethro Burnett Thorburn


    Hello OceanWp,

    I am still having the same issue with the styling of the Menu Basket buttons (see original post).

    I have tried all the solutions mentioned above, however it is not coming right.

    Any suggestions?

    All the other buttons on my website look fine, except these ones.

    I have edited the settings in the Customizer, but they do not affect the buttons on the live site.

    Some of the setting under Customize -> Woocommerce -> Menu Basket, I can change in the customizer and then they change on the site. For example the drop-down background, if I change it from white to red, then it changes on the site.

    However, when I change the colours for the button settings it does not have any affect at all.

    So some of the settings work and some don’t…

    Kind regards,

    Hi OceanWP Team,

    I’ve recently faced with the same issue. I had tried all of the above suggestions, but nothing works.
    During my troubleshooting I was disabling different plugins to find the conflicting one and I’ve finally found it. That’s Elementor Pro.
    When I turn it off, Cart Menu displays properly. I assume, that’s because Elementor Pro also has Woo Cart widget and somehow they conflict.
    Obviously, I can’t stop using Elementor Pro, so I would really appreciate to have some fix.

    Many thanks,

    Thread Starter Jethro Burnett Thorburn


    Hi Konstantine,

    Thank you for sharing your experience of the issue.

    Same Issue here !

    I think maybe it started after installing Elementor-Pro plugin

    I tried to deactivate it, the shape has changed for worse, but never back to the original one that i customizes via woocommerce & my theme.

    We need a solution please.

    • This reply was modified 2 years, 1 month ago by 3azzzeh.

    I found a solution :
    Cpanel > elementor > settings > Integrations > Woocommerce : Disable Mini Cart Template

    It worked , i hope you guys benefit from this too !

    @3azzzeh thank you. This was driving me insane.

    @tylerlucas You’re most welcome

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Menu basket styling issue’ is closed to new replies.