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?
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.
Hi,
You can use this code to do that:
@media only screen and (min-width: 768px){ #header .inner-header{ display: none; } }Best Regards,
PenciDesign