Solved

Dawn Theme 2.4.0 Nested Menu Arrow Removal

AxsMar
Tourist
10 0 7

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.

Accepted Solutions (2)

LitExtension
Shopify Partner
4860 1002 1145

This is an accepted solution.

Hi @AxsMar,

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

Screenshot.png

Just you delete it, everything will show up fine

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

LitExtension
Shopify Partner
4860 1002 1145

This is an 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!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 3 (3)

LitExtension
Shopify Partner
4860 1002 1145

This is an accepted solution.

Hi @AxsMar,

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

Screenshot.png

Just you delete it, everything will show up fine

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

LitExtension
Shopify Partner
4860 1002 1145

This is an 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!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
AxsMar
Tourist
10 0 7

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.