[Resolved] Mobile Menu Padding

[Chris]

Almost done with the header and navigation.

I just need to figure out how to get that header size reduced on the mobile size.

.main-navigation {
    padding-top: 50px;
}
@media (max-width: 768px) {
    .main-navigation {}
        padding-top: 0px !important;
        background-color: #FFFFFF;
    }
}

For some reason, this is no longer working.
Thanks!
CDS

[Leo]

Hi there,

The bracket is closed before the CSS: .main-navigation {}

[Chris]

All better. I’m on a roll today!

[Leo]

Awesome!

This site is useful if you are interested: https://jigsaw.w3.org/css-validator/#validate_by_input

[Author]

Posts