Menu bar on mobile

marknarusson1 · May 2016

Hi

The menu bar's height increases on mobile view by a factor of 4. I've isolated the css which forces it to 350px, but my edited code doesn't seem to override it

YOUR CODE

@media only screen and (max-width: 767px)

body:not(.template-slider):not(.header-simple) #Header {

min-height: 350px !important;

}

EDITED

@media only screen and (max-width: 767px)

body:not(.template-slider):not(.header-simple) #Header {

min-height: 60px !important;

}

Can you help please? Thx

Albert · May 2016

Hi,

both codes are wrong. You forgot about the opening and closing brackets before and after the css responsible for min-height.

marknarusson1 · May 2016

Sorry I don't understand. Can you provide example? Thx

Albert · May 2016

The right code supposed to be:

@media only screen and (max-width: 767px) {
    body:not(.template-slider):not(.header-simple) #Header {
        min-height: 60px !important;
    }
}

For more details about @media, we suggest to visit http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

marknarusson1 · May 2016

That's great - thanks again

Albert · May 2016

You're welcome!

Menu bar on mobile

Comments