Fine-tuning the menu

- 7 years ago dsmith
  Participant
  
  Expired
  
  Mihaila,
  
  I currently have the following custom CSS:
  
  @media (min-width: 1024px){
  
  nav .menu > li {
  
  padding-right: 10px !important;
  
  padding-left: 10px !important;
  
  }
  
  }
  
  @media (max-width: 480px){
  
  .header_button {
  
  display: block !important;
  
  margin-right: -85px !important;}
  
  #logo { left: -45% !important;}
  
  }
  
  Can you help me get my menu to switch from desktop to tablet/mobile at 1100px?
  
  Also, at 676px, my button disappears, then reappears at 480px. Can you help me with the CSS to make sure the button displays on all layouts?
  
  Thank you.
- 7 years ago Mirela
  Participant
  Hello,
  
  Yes, please add this code to your custom css box:
  
  @media (max-width: 1100px){ header#header #navigation { display: none !important;} .mobile_small_menu { display: block !important;} #logo {padding-left:40% !important} }
  
  Result screenshot: https://postimg.org/image/r36xlgv8b/
  
  Best regards!

Viewing 1 reply thread

You must be logged in to reply to this topic.