Hide Top Bar on mobile devices

spirit1977 · December 2015

Hi, how can I hide the top bar on mobile devices?

I've tried:

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

#Top_bar { height: 0 !important; }

}

or

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

.header-stack #Top_bar .top_bar_right {

display: none;

}

but nothing worked. ANd how can I remove the line below the logo.

I'm using betheme simple and here is my site http://xpact.emoose.de/

Thanks

Albert · December 2015

Hi,

as we see, you already removed Top Bar on mobile devices. But to remove the line below the logo, please use below css:

.header-stack #Top_bar .logo { border-bottom-width: 0 !important; }

Comments