Solved

Drop down menu

off-----market
Excursionist
12 1 1

Hello everyone,
I want my drop-down menu links to collapse on the right side instead of beneath the menu header. I have tried multiple designs, but none seem to do what I am looking for. I am using Dawn 2.0. For more information on what I exactly want, please see the picture attached.Schermafbeelding 2023-10-22 104822.png

Off-Market™
Accepted Solution (1)

BSS-Commerce
Shopify Expert
3376 447 494

This is an accepted solution.

Hi @off-----market ,

Please try the following way:

 

1. Go to Themes > Customize > Edit code: https://prnt.sc/tqb8deSSIKyV


2. Find base.css file: https://prnt.sc/ep8aDuAZ9csQ


3. Add the following code at the end of the file:


details[open] > .header__menu-item .icon-caret {
transform: rotate(270deg);
}
details[open] > .header__submenu {
top: 0;
left: 100%
}

 

4. Save and test

 

Hope it helps @off-----market 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 2 (2)

BSS-Commerce
Shopify Expert
3376 447 494

This is an accepted solution.

Hi @off-----market ,

Please try the following way:

 

1. Go to Themes > Customize > Edit code: https://prnt.sc/tqb8deSSIKyV


2. Find base.css file: https://prnt.sc/ep8aDuAZ9csQ


3. Add the following code at the end of the file:


details[open] > .header__menu-item .icon-caret {
transform: rotate(270deg);
}
details[open] > .header__submenu {
top: 0;
left: 100%
}

 

4. Save and test

 

Hope it helps @off-----market 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

off-----market
Excursionist
12 1 1

Thank you, that worked like a charm!

Off-Market™