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: Atelier
• October 12, 2016 at 9:27 pm #296125
  thanosv

  Member

  Post count: 43

  Hello,

  How can i reduce the spacing of the menu items ? Currently there is so much gap between the menus.

  Thank you,

  October 13, 2016 at 2:09 pm #296256
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css.

  @media screen and (max-height: 800px){
  .vertical-menu nav ul.menu>li>a {
      padding: 4px 18px!important;
  }
  }
  
  .vertical-header #vertical-nav ul.menu>li.menu-item.sf-menu-item-btn {
      margin-bottom: 10px!important;
  }

  -Rui

  October 13, 2016 at 10:48 pm #296375
  thanosv

  Member

  Post count: 43

  Thank you,

  Now the account, cart , wishlist buttons are overlapping the menu buttons. Any quick fix?

  Thanks,

  October 14, 2016 at 6:33 pm #296629
  David Martin – Support

  Moderator

  Post count: 20834

  Can you screenshot what you refer to?

  Thanks.

  October 14, 2016 at 11:42 pm #296662
  thanosv

  Member

  Post count: 43

  here you go

  Attachments:

  You must be logged in to view attached files.
  October 17, 2016 at 7:16 pm #297022
  David Martin – Support

  Moderator

  Post count: 20834

  That will depend on your screen height, try adjusting with this:

  .vertical-header.has-newsletter-bar #header-section #vertical-nav .vertical-menu-bottom, 
  .vertical-header #header-section #vertical-nav .vertical-menu-bottom {
      bottom: 10px!important;
  }

  October 20, 2016 at 10:53 pm #297862
  thanosv

  Member

  Post count: 43

  Thanks for your reply,

  Doesnt resolve the issue though.

  October 21, 2016 at 10:01 am #297924
  David Martin – Support

  Moderator

  Post count: 20834

  Please provide a screenshot of what you see.

  Please state your browser and OS also.

  Thanks.

  October 21, 2016 at 12:32 pm #297965
  thanosv

  Member

  Post count: 43

  This reply has been marked as private.
  October 21, 2016 at 1:02 pm #297979
  David Martin – Support

  Moderator

  Post count: 20834

  You can only reduce the value as in the above CSS example, the issue is as the window height gets smaller there is simply no space to place it, hence the overlap.

  You could look into hiding it at a certain minimum height, if that is an option you can consider?

  October 21, 2016 at 1:40 pm #297998
  thanosv

  Member

  Post count: 43

  This reply has been marked as private.
  October 24, 2016 at 1:44 pm #298299
  David Martin – Support

  Moderator

  Post count: 20834

  Sure, that is what this CSS will do though:

  .vertical-header.has-newsletter-bar #header-section #vertical-nav .vertical-menu-bottom, 
  .vertical-header #header-section #vertical-nav .vertical-menu-bottom {
      bottom: 10px!important;
  }

  Currently you have it set to 50

• Back to forum

  Posted in: Atelier