How do I make grandchild drop down wider in Minimal theme?

YangGallery
Tourist
5 0 0

Hi guys!

How do I make the grandchild dropdown wider? would like the word to be one line instead of two separate lines please. Sorry for the trouble!

 

Screenshot 2021-07-10 at 10.23.53 AM.pngScreenshot 2021-07-10 at 10.23.49 AM.png

0 Likes

Hi @YangGallery, you can do that by adding customize CSS code to make the width of the grandchild menu fit with the content. I guess it has been set up in static width now. 

Dan from Ryviu
YangGallery
Tourist
5 0 0

I see, but how do I do that? I'm not very proficient in css. Are there any ways I can do to edit the code in theme.scss.liquid to make the changes?

0 Likes

Send me your store URL then I can check and maybe can send you CSS code 

Dan from Ryviu
YangGallery
Tourist
5 0 0

https://yang-gallery-singapore.myshopify.com/

this link? I'm still on trial period though..trying to figure things out before I can link it to my main website..

0 Likes

It has password protected so I cannot view the site

Dan from Ryviu
0 Likes
YangGallery
Tourist
5 0 0

I understand, how do I PM you?

0 Likes

Give me your email here if you don't mind 

 

Dan from Ryviu
0 Likes
YangGallery
Tourist
5 0 0

 

I really appreciate your kind help!

0 Likes

@YangGallery , please add this CSS code at the bottom of your timber.scss.liquid file

.site-nav__dropdown-grandchild .site-nav__link { white-space: nowrap !important; }

Dan from Ryviu
0 Likes