Hide header/logo size not working right

Hey,

So using the coding you already provided, I decided to hide my header in mobile view and also set the logo size:

@media only screen and (max-width: 767px) {
    #Action_bar { display: none !important; }    
    #Top_bar .logo { display: none !important; }
    #Top_bar .top_bar_left    { margin-top: 0 !important; }
}

#Top_bar #logo { height: 275px !important; }

But when you go to the site (rhymelines.com) when adjusting the window between full screen and "mobile view" there's a middle part where the header displays in the same size as the logo setting and doesn't hide. I can't figure out the code to fix this, can you help please?

Thanks

Comments

Sign In or Register to comment.