Logo issues

[Bruno Alberto Jimenez Reyes]

I tinkering with the theme and one of the first things I’ve noticed is that the logo is on the left sidebar, in vertical position. I’ve replaced with my logo, but it become horizontal. And too wide, since my logo is wide. So, I saved the logo in a vertical position and now it looks OK.
But on the mobile version, the logo is in the top bar and it’s… vertical! So, how do you set this up in a way that the logo goes vertical if it’s on the side bar, and horizontal if it’s on the top bar?
Besides that, how to increase the height of the top bar? I find it too small and my logo is barely readable.
Thank you

[J. Davis]

Hi,
You can use CSS to hide the logo for tablets and mobile devices and display another image. For example:

@media(max-width:991px){
  .site-branding .custom-logo-link img {
  position:absolute;
  margin-top:-4000px;
}

.site-branding .custom-logo-link::before {
content:url("- add URL of horizontal logo -");
}
}

[Author]

Posts