How can I adjust the width of a drop down menu in the Dawn theme?

Solved

How can I adjust the width of a drop down menu in the Dawn theme?

am_i_abdullah
Tourist
10 0 1

 

The drop down menu on my site looks like this, i want to change the width of dropdown (only equal to size of text, just like other sites)

am_i_abdullah_1-1675671117819.png



Thanks in advance for helping me out, I'm using dawn theme and my site is dealsoye.pk

Accepted Solution (1)

LitCommerce
Astronaut
2860 684 761

This is an accepted solution.

Hi @am_i_abdullah,

Please go to Customize > Sections > Header > Desktop menu type. 

Screenshot.png

you can change it here, it will display fine

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 7 (7)
am_i_abdullah
Tourist
10 0 1

there's no file named theme.scss.liquid

PageFly-Kate
Shopify Partner
1373 375 427

Hi @am_i_abdullah ,

 

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-list-menu.css->paste below code at the bottom of the file:

.js details>.header__submenu {
    width: max-content !important;
}

I hope it would help you
Best regards,

Kate | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


Unlock the secrets to a record-breaking BFCM with PageFly and Canva


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)


➜ Weekly updated Shopify tutorials on YouTube


All features are available from the Free plan. Live Chat Support is available 24/7.


am_i_abdullah
Tourist
10 0 1

not working

Md_Tariful
Tourist
9 0 7

Thanks Kate, this worked well!

Danir84
New Member
9 0 0

it worked thanks! theme Craft

am_i_abdullah
Tourist
10 0 1

@LitCommerce kindly help me 

LitCommerce
Astronaut
2860 684 761

This is an accepted solution.

Hi @am_i_abdullah,

Please go to Customize > Sections > Header > Desktop menu type. 

Screenshot.png

you can change it here, it will display fine

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!