hide logo in mobile version

Filipczyk · July 2018

Hello,

for a customer website I have to hide the header logo on mobile divices. I tried it with following css code:

#Top_bar .logo {

display: none !important;

}

It worked in a certain way: the logo disappeared and on the mobile all looked fine. But then half of the sandwich menu icon on the desktop screen disappeared as well - which was not my intension. The upper part of the slider was cut and only 50% (the lower half) of the menu sandwich icon showed up.

Just for information:

I already used .logo .logo-main.scale-with-grid {

display: none;

}

to hide the Logo also on the desktop screen. This works fine.

Thanks in advance for your help.

Heike

Pablo · July 2018

Hi,

Use CSS made this way:

@media (max-width:767px){
 #Top_bar .logo {
display:none !important;
}
}

Cheers

hide logo in mobile version

Comments

This website uses cookies