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 29, 2015 at 7:54 am #224067
  thanosv

  Member

  Post count: 43

  Hello,

  I am having some issues with the vertical Menu. The Account/ Wishlist/ Login icons are overlapping the menu text (See attached photo). Is there any way to align them horizontally ?

  Also how can i reduce the width of the Vertical Menu ?

  And how can i add a widget like facebook like on the bottom of the menu (right above the copyright information).

  Thanks,

  Attachments:

  You must be logged in to view attached files.
  October 30, 2015 at 12:50 pm #224521
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css.

  .vertical-menu-bottom .wishlist-item,  .vertical-menu-bottom .shopping-bag-item{
      width: 33%!important;
      float: left!important;
  }
  
  .aux-item.aux-item-social {
      clear: both!important;
  }

  -Rui

  October 30, 2015 at 1:04 pm #224525
  thanosv

  Member

  Post count: 43

  Hello Rui,

  Unfortunately it doesnt work. It aligns them, but you cannot click \ select the icons, whatever you do account icon is selected and menu is overlayed. Please check the website and login via the login information

  Also please remove the space marked in Blue.

  Attachments:

  You must be logged in to view attached files.
  October 30, 2015 at 1:05 pm #224528
  thanosv

  Member

  Post count: 43

  This reply has been marked as private.
  October 30, 2015 at 1:38 pm #224545
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  ok. will check.

  -Rui

  October 30, 2015 at 1:58 pm #224553
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Can you check again?
  Change some css but your plugin was also caching some of the changes.

  -Rui

  October 30, 2015 at 4:11 pm #224625
  9metis

  Member

  Post count: 45

  @Rui Sorry to hijack this thread but it is related to my current post on http://www.swiftideas.com/forums/topic/remove-search-wishlist-and-cart-from-bottom-menu-in-vertical-header/.

  I previously had these items hidden but I inserted your CSS above to my child theme, removed the code that made them hidden and the items still overlap the vertical menu. I actually want to remove all these items except the social media icons.

  Thanks!!

  October 30, 2015 at 8:01 pm #224705
  thanosv

  Member

  Post count: 43

  Hello Rui,

  Yes the Problem regarding the account /wishlist/ cart icons is fixed.

  Can you please tell me how to reduce all the spacing (marked with blue on the attached photo) ? It is really essential since i need more space for more menu items and on smaller devices the menu is not visible as a whole.

  Also please i need the copyright info (marked with red) moved to the bottom of the menu.

  Attachments:

  You must be logged in to view attached files.
  November 2, 2015 at 11:34 am #224921
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi @thanosv,

  It was already complicated to adjust those icons to that position, and it’s complicated to reduce that space since the design and css was meant to be 1 icon per line like it was before. That’s is already going behind our support scope since it’s a customization and the time that was already invested to provide you the current solution.

  Add this code for the copyright

  .vertical-menu-bottom .copyright {
      margin-bottom: -45px!important;
      padding-top: 80px!important;
  } 

  -Rui

  November 2, 2015 at 1:28 pm #224990
  thanosv

  Member

  Post count: 43

  Great,

  Thank you Rui 🙂

  November 2, 2015 at 3:12 pm #225046
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem.
  -Rui

  November 2, 2015 at 8:47 pm #225194
  thanosv

  Member

  Post count: 43

  Hello Rui,

  It seems that we have a problem on smaller laptop screens (tested on 15inch screen) see attached picture.

  Attachments:

  You must be logged in to view attached files.
  November 4, 2015 at 11:25 am #225727
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  You would need to use a suitable media query to try and target a 15inch laptop. For example:

  /* ----------- Non-Retina Screens ----------- */
  @media screen 
    and (min-device-width: 1200px) 
    and (max-device-width: 1600px) 
    and (-webkit-min-device-pixel-ratio: 1) { 
         .vertical-menu-bottom .copyright {
              margin-bottom: -105px!important;
         }
  }

  – David.

• Back to forum

  Posted in: Atelier