Modify width of dropdown grandchild

Solved
kaiyacollects
Explorer
47 1 21

Hi,

I am trying to increase the width of just the grandchild sub-menu so that the "Graded Cards" fits to one line.

I also noticed that there is an xtra padding at the bottom of the dropdown menus.

 

fix.png

Can someone point me in the correct direction for these modifications please.

 

www.kaiyascollectibles.com

pw = yaya

 

Thanks so much

dmwwebartisan
Shopify Partner
7407 1755 2354

This is an accepted solution.

@kaiyacollects 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.site-nav__dropdown-grandchild {
    width: max-content !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
kaiyacollects
Explorer
47 1 21

Thanks so much that worked perfectly!!

Do you have any advice on how to shorten the bottom padding on the grandchild dropdown?

I managed to shorten it on the child using padding-bottom: 0px but it doesnt apply to the grandchild

dmwwebartisan
Shopify Partner
7407 1755 2354

This is an accepted solution.

@kaiyacollects 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.site-nav__dropdown-grandchild ul {
padding: 0px !important;
}

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
kaiyacollects
Explorer
47 1 21

Prefect. Dropdown looks perfect now. You are a scholar!

Cheers!

0 Likes