Two Specific Header Styling Questions (Remove Menu Opener & Change Cart

Two Specific Header Styling Questions (Remove Menu Opener & Change Cart Font)

Hello WoodMart Support Team,

First, I want to say I’m really enjoying the WoodMart theme. It’s very powerful and flexible\!

I’m currently customizing my header and have two specific questions that I haven’t been able to solve myself. I would be very grateful for your help.

**Question 1: How to remove the dropdown arrow icon from menu items?**

I have a menu in my header (specifically, a vertical menu on the left side). For menu items that have sub-menus, a small downward-pointing arrow icon (the ‘opener’) is displayed.

I would like to hide this icon for a cleaner, more minimalist look.

I have already tried adding the following Custom CSS, but it did not work. This suggests I might be using the wrong CSS selector for my specific header setup.

`css
.menu-item-has-children .opener {
display: none !important;
}
`

Could you please provide the correct and most reliable CSS selector to hide this opener icon?

**Question 2: How to change the font for the Cart total price in the header?**

The prebuilt header I am using, which was imported from a WoodMart demo, displays the cart total amount (e.g., “$50.00”). This is not a widget I added myself, but part of the header’s original design.

I would like to change the font family specifically for this price text to make it unique. I have looked in the Header Builder by clicking on the cart element, and also in Theme Settings > Typography, but I couldn’t find a specific option for just the cart total’s font.

Is there a setting for this that I missed, or could you please provide the CSS selector to target this specific price text so I can change its font-family?

Thank you so much in advance for your time and guidance\!

Best regards,

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL so I can check and give you a possible CSS code?

Best Regards,

Hello,

Thank you for your quick response.

Here is the URL to my site as you requested, where you can see the header: https://terrafrequency.com/

As a reminder, my two styling questions are:

How can I hide the small dropdown arrow icon (the ‘opener’) on my vertical menu items? I am trying to achieve a cleaner look.
What is the best CSS selector to change the font family for the cart’s total price text in the header? I would like to set a unique font for it.
Thank you again for your help!

Best regards,

Hello,

01. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after {
    display: none;
}

02. You can use Advanced typography for a custom selector and change the typography settings.

See the Screenshot for understanding: https://ibb.co/9HmfWz62

.wd-header-cart .wd-cart-subtotal .amount

Read more information in the documentation https://xtemos.com/docs-topic/advanced-typography-settings/

Best Regards,

[Author]

Posts