Submenu items do not appear on hamburger menu on Mobile

Technical Q&A
,
1

I am using the horizon theme and on mobile, there is a hamburger menu. When clicking the hamburger menu on mobile, this only shows some products at the bottom, rather than the collections I have linked as sub menus to the products page.

image
image940×1143 62.9 KB

2

Below is a screenshot of my menu and sub menus, which I would like the submenu T Shirts and Hoodies to be visible using the hamburger menu on mobile. Alternatively, removing the hamburger menu and keeping just the navigation bar is an option too.

image
image940×568 27.9 KB

3

Sometimes when you first click into that it lags.

Try refreshing your browser window tab, then clicking it again.

Screenshot 2026-07-03 014603
Screenshot 2026-07-03 0146031911×846 118 KB

is your theme up to date?

4

I believe so, but still no luck.

the url is www.hyperactivedesigns.shop

5

Ive managed to change it so it now includes the collection images, but I would like it to display the text so people know what the collections are, or simply change to a dropdown

6

Yeah they were there, the text is white though.

Screenshot (227)
Screenshot (227)1920×830 116 KB

Change your color settings. to make the text black or the background black

7

Hey @HyperactiveDesigns

You can either do what @Maximus3 told you to do or if you want a quick solution then add this code in the Custom CSS option of the Header Menu from theme customization.

.menu-open>.menu-drawer * {
    color: black !important;
}

RESULT:

image
image347×733 17.6 KB

Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed