Hide desktop logo but show mobile logo

PenciDesign replied

8 years ago

Staff Reply

Hi,

You can use this code to do that:

\
@media only screen and (min-width: 768px){\
#header .inner-header{ display: none; }\
}

Best Regards,

PenciDesign

stratix started the conversation

8 years ago

Conversation Start

Hello,

Is it possible to hide the desktop header logo but still display the mobile version? Currently I’m using CSS to hide the logo area since we’re using a sidebar widget to display the logo and company info, but this appears to also hide the mobile logo as well, which the client would like to have displayed at the top when users view with mobile devices.

The CSS I’m currently using for hiding the logo is as follows, but maybe there’s a better way since this also seems to hide the mobile logo?

\
#header .inner-header .container {    display: none;\
}

Thank you kindly.