Dawn Theme 2.4.0 Nested Menu Arrow Removal

Technical Q&A
1

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.

2

Hi @AxsMar ,

Go to sections > header.liquid file, find ‘’ and remove code:

Screenshot.png
Screenshot.png1579×781 81.1 KB

Just you delete it, everything will show up fine

1 Like
3

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!

1 Like
4

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.

1 Like