Shopify Drop Down Menu - Collections Drop Down

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!!!

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

Hello.

Please send your site url.

https://africa.kitukali.com/

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!

You are amazing thank you so much! It works!

1 Like