Responsive Logo Covered with Hamburger Menu

responsive logo

- 7 years, 1 month ago DIMAX
  Participant
  
  Expired
  
  Hi!
  
  I’ve made my top navigation bar pretty responsive and it seems to be shrinking properly when adjusting the browser size. however, when you open it on a cellphone, the logo does not adjust properly and it gets covered by the hamburger menu.
  
  properly working – https://postimg.org/image/37xunudv2j/
  
  covered by hamburger menu – https://postimg.org/image/4i0ru5y797/
  
  I am guessing it is caused by the fact that the logo is not shrinking with different sizes(not really responsive).
  
  Please advise.
  
  Thank you!
- 7 years, 1 month ago Ruco
  Keymaster
  Hello,
  
  Please add the code at Custom Css Box:
  
  @media (max-width: 480px){ #logo img { height: 30px; left: -10px; top: 45px; } }
  
  Best regards!
- 7 years, 1 month ago DIMAX
  Participant
  
  Expired
  
  Hi, I am sorry, maybe I misunderstand, but I inserted this code and it didn’t work, no changes:(
- 7 years, 1 month ago Ruco
  Keymaster
  
  Hello,
  
  Where have you entered the code? Make sure it’s at Customizer -> General -> Custom Codes -> Custom css code.
  
  It it doesn’t work again, try to add ‘!important’ after each css style.
  
  Best regards!

Viewing 3 reply threads

You must be logged in to reply to this topic.