1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Hide the Shopping Cart Icon for Logged-Out Users

Hide the Shopping Cart Icon for Logged-Out Users

Introduction

By default, BuddyBoss does not provide an option to hide the Shopping Cart icon for users who are not logged in. Using a CSS snippet, you can remove the cart icon from the header for logged-out users, keeping the interface cleaner and encouraging users to log in before accessing shopping features.

Custom Workaround

Follow the steps below to hide the Shopping Cart icon for logged-out users:

  1. Go to BuddyBoss > Theme Options
  2. Under Custom Codes, enable CSS
  3. Append the following:
body:not(.logged-in) .header-aside-inner div.cart-wrap { display: none; }
  1. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: Will this hide the cart icon for logged-in users?

A: No. The CSS only targets users who are not logged in. Logged-in users will still see the cart icon.

Q: The cart icon is still visible after adding the code. What should I do?

A: Clear your site cache and browser cache. If the icon still appears, submit a ticket to the support team for assistance.

Q: Does this remove cart functionality for logged-out users?

A: No. This only hides the visual icon. Users simply cannot access the cart unless they log in.

Q: Can I hide the cart icon only on certain pages?

A: Yes. You can modify the CSS to include specific page IDs to target only certain pages.

Was this article helpful?

Related Articles

Subscribe to Our Newsletter

Stay In Touch

Subscribe to our Newsletter, and we’ll send you the latest news from BuddyBoss

This field is for validation purposes and should be left unchanged.
This field is hidden when viewing the form

To speak to our Agency consultant, fill in the form found at our Contact Page.