Shopify Drop Down Menu - Collections Drop Down

Ceajay
Tourist
3 0 1

Hi there guys

 

So I use the debut theme (africa.kitukali.com) and I've made a drop down menu under the "Collections" Menu as seen in picture. Unfortunately as also seen in the picture - only the the first item on the drop down is shown (and yet cut off) while the rest remains unseen? This is extremely important to rectify as it's very poor UX. 

 

please can I get assistance on this ASAP! Thank you!!!

 

Ceajay_0-1637754782650.png

 

Here is the Screen shot with the area of issue Highlighted!

Replies 4 (4)
Puma1027
Shopify Partner
77 11 6

Hello.

Please send your site url.

If helpful, please "Like" and Accept Solution. If you need help, please contact me!
Skype ID: live:.cid.4149c7e1ff44466c
Email: littlemermaid0309@gmail.com
I want to achieve my success through a community with you.
It's my success and soon your success.
Puma1027
Shopify Partner
77 11 6

Please add the code in bottom of "theme.scss.liquid" file.

 

.site-nav>li {
    position: unset !important;
}
.site-nav__dropdown {
    left: unset !important;
}

 

Good luck!

 

If helpful, please "Like" and Accept Solution. If you need help, please contact me!
Skype ID: live:.cid.4149c7e1ff44466c
Email: littlemermaid0309@gmail.com
I want to achieve my success through a community with you.
It's my success and soon your success.
Ceajay
Tourist
3 0 1

You are amazing thank you so much! It works!