Dawn Theme 2.4.0 Nested Menu Arrow Removal

[AxsMar]

I have a nested menu item in the header of my site but I might prefer to not have the (downward) arrow visible.

In a community search I found a solution that removes (but only hides) the arrow. So it results in an extra space remaining between the nested menu item "Products" and the (right) adjacent menu item "User Manuals". Attached is an image.

Anyone know how to edit the code to completely remove the arrow and the space that it would occupy?

Thanks in advance, AM.

[LitExtension · Accepted solution]

Hi @AxsMar,

Go to sections > header.liquid file, find '<details-disclosure>' and remove code:

Just you delete it, everything will show up fine

[LitExtension · Accepted solution]

Hi @AxsMar,

Go to sections > header.liquid file, find '<details-disclosure>' and remove code:

Just you delete it, everything will show up fine

[LitExtension · Accepted solution]

Hi @AxsMar,

Go to Assets > base.css and paste this at the bottom of the file:

summary.list-menu__item {
    padding-right: 1.2rem !important;
}

Hope it helps!

[AxsMar]

Hi @LitExtension 

Your two solutions worked perfectly!

The arrow is removed and there's no extra empty space between menu items.

Thank you so much!!

All the best, AM.