Problem with Mobile Navigation

HTML & CSS
1

I’m just finishing up a responsive layout for a client, and I’m having a problem with the mobile nav menu (http://kinxus.fuelmultimedia.ca).

When you scale your browser down to under 600 pixels, the mobile nav appears. When you click on the nav, for some reason it is expanding underneath the logo and content. I’ve set the z-index to 1000 on the menu, but doesn’t help.

Does anyone have any idea how I can fix this? Any help would be greatly appreciated.

2

We really need to see a link to be able to help.

3

I’m an idiot, sorry - http://kinxus.fuelmultimedia.ca

4

Just add position: relative to the ul. Otherwise the z-index won’t have any effect. :slight_smile:

#menu-mobile {
  position: relative;
}
5

That worked awesome, thank you!

6

You’re welcome. Glad it was so easy. :slight_smile:

I should have elaborated that you always need position: something to make z-index work.

7