Spacing between Logo and menu items

Comments

• Bryan

  April 2018

  Hi,
  what about if you align the menu right. You can do that in theme options>menu&actions bar > menu
  thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• modus

  May 2018

  I figured it out.

  
  

  #Top_bar .menu > li > a span {

       border-color: rgba(0, 0, 0, .0);

  }

  
  

  .menuo-no-borders #Top_bar .menu > li > a span:not(.description) {

       border-right-width: 10px;

  }

  
  

  But I'm running into a problem when scaling the browser window where the spacing between the menu items is too much and the navigation gets pushed below the logo.

  
  

  Is it possible to remove the above CSS at a certain scaled window size?
• Bryan

  May 2018

  You can place this css into a media query, like this:

  
  @media (min-width:1024px) {
  #Top_bar .menu > li > a span {
       border-color: rgba(0, 0, 0, .0);
  }
  
  .menuo-no-borders #Top_bar .menu > li > a span:not(.description) {
       border-right-width: 10px;
  }
  }
  
  

  This means that the css inside will only work until 1024px
  thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next