Css menus and alignments

HTML & CSS
1

Hi guys, I’m going nuts trying to work with my current menu. I don’t know how to make the banner area show below the menu area.

Thanks for helping:

http://www.web-legend.com/makeitpop

2

The nav is fixed positioned so doesn’t take up space in the flow of the document and therefore the banner just sits on top of it.

I assume you want the blue background under the nav because your white text would be invisible so probably the best thing to do is just to pad the top of that section.

e.g.

.mip-section {
    position: relative;
    z-index: 10;
    padding-top: 10rem;
}

www.web-legend.com_makeitpop_
www.web-legend.com_makeitpop_1414×723 114 KB

3

Genius! I’m still trying to figure it out in my head so I can solve it like that,

thank you.

2 Likes