Responsive Menu

- 8 years, 11 months ago joemcctf1234
  Participant
  
  Expired
  
  Hello,
  
  The menu and logo look great on my normal desktop site, however when I try to view it on a mobile device the logo covers the entire top of the screen and the menu icon overlaps it in the top left corner. Is there a way to make the logo smaller when it goes to mobile so the two do not overlap? Thank you in advance for any help.
- 8 years, 11 months ago Mirela
  Participant
  Hello,
  
  Try adding this code into your custom css box:
  
  @media (max-width: 480px){ #logo { left: -55px !important;} }
  
  Edit the value to your need. If you send us your site’s url, we can give a more precise code.
  
  Merry Christmas and Happy New Year!
- 8 years, 11 months ago joemcctf1234
  Participant
  
  Expired
  
  Thank you, unfortunately it is still overlapping on mobile. We are only having trouble with the portrait mode. The URL is testsite.insuranceinc.net.
- 8 years, 10 months ago Mirela
  Participant
  
  Hello,
  
  I don’t see the menu overlapping(screenshot). Did you manage to fix your issue?
  Let us know.
  
  Best regards!
- 8 years, 10 months ago joemcctf1234
  Participant
  
  Expired
  
  I was not able to fix the problem. On the top left of the screen, the menu icon is sitting on top of the logo. If the logo would shrink down and be justified to the right it wouldn’t be a problem, I just can’t seem to figure out how to do that.
  
  Thanks for your help.
- 8 years, 10 months ago Mirela
  Participant
  Hello,
  
  I understand now, by your previous description i figured you had issues with menu dropdown and not the menu icon. For this, add this code into your custom css box:
  
  @media (max-width:480px){ #logo img { height: 45px !important;} }
  
  Best regards!
- 8 years, 10 months ago joemcctf1234
  Participant
  
  Expired
  
  Perfect, just what we were looking for. Thanks so much.

Viewing 6 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login