Missing sub menu!

Hi there,

I know this is something really dumb - apologies. I’m building a header where the main menu items will be images, with dropdowns from them. If you look at the attached page, you should get a dropdown box off the first of the four images (the one next to the logo). But nothing! I had it working before so I know it’s not a bug.

http://chriswheeler.co/

Thank you!

Duh - fixed it. Sorry!

Hi,

Glad to hear it’s fixed. Have a nice day! :slight_smile:

Ah! One more question! I can’t seem to make that container with the four images acting as menu items responsive. What am I missing? I would actually prefer to have content scrolling turned on, but then I lose the sub menu. Thanks!

Hi @ShaunCoward,

Yes, it’s like contradicting setup, I tried some workaround but not working since the entire layout is in flex.

What you could do is upload a smaller image (smaller than 250px). Then utilize the HIDE DURING BREAK POINTS option in your header bar or container(or any element).

Example, you can have multiple header or container, and each has a different layout. A header/container for desktop contains inline images, while header/container in tablet and mobile has stacked and smaller images.

Then simply hide the desktop header/container from mobile, then hide the tablet/mobile header/container from desktop. you can’t have the same header bar across devices especially the screen width takes smaller and smaller, hence, needing a different layout.

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.