ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Uplift
• July 18, 2016 at 8:08 pm #282116
  LeeSanders

  Member

  Post count: 10

  Hi Guys,

  So the navbar was a little to large in height for my liking so I’ve managed to find some CSS to help change the height:

  .sticky-header{
  height:52px !important;
  }

  However, the font now is too low to the bottom of the grey navbar.

  1) How do I change so that the font appears correctly (vertically centered)?

  2) How can I create more space between each menu item?

  July 19, 2016 at 6:51 am #282166
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Don’t use that CSS, instead go to theme options > logo options and reduce the top/bottom padding

  – Kyle

  July 19, 2016 at 12:46 pm #282301
  LeeSanders

  Member

  Post count: 10

  Hi Kyle,

  Thanks for the response. So that changes the padding to the logo section, but not the menu underneath.
  For Heading 6, the logo sits above the menu (which is then sticky and stays at the top when the user scrolls), so when I change the padding, it changes the space around the logo but NOT the menu navbar…

  So what I’m trying to do is reduce the menu navbar in height (Currently achieved by css), however the text is then closer to the bottom of the navar rather than centered vertically.

  Any ideas?

  July 19, 2016 at 1:03 pm #282314
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ok then use this instead:

  
  #main-nav ul.menu > li > a, #main-nav ul.mega-menu > li > a {
    padding: 18px 15px;
  }

  – Kyle

  July 19, 2016 at 2:06 pm #282363
  LeeSanders

  Member

  Post count: 10

  That worked – Thanks Kyle.

  Just on the other point – Any ideas on how to increase the space between each of the menu options?

  July 19, 2016 at 2:35 pm #282374
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this code:-

  #main-nav ul.menu > li > a, #main-nav ul.mega-menu > li > a {
      padding: 18px 40px !important;
  }

  Thanks 🙂
  Mohammad

• Back to forum

  Posted in: Uplift