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: Dante
• November 5, 2015 at 12:19 pm #226148
  wildfox

  Member

  Post count: 58

  Hi,

  I’d like to change the nav line effect on first level menu item.
  I changed the style to have an up arrow instead of the line showing at the bottom of the item.
  Actualy the line comes from left to right and I’d like to have my arrow appearing from middle bottom of the item.
  See the screenshot please.

  Thank you

  regards

  Attachments:

  You must be logged in to view attached files.
  November 5, 2015 at 12:47 pm #226167
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Can you provide your link so I can see what you mean?

  – Kyle

  November 5, 2015 at 12:52 pm #226168
  wildfox

  Member

  Post count: 58

  This reply has been marked as private.
  November 5, 2015 at 12:55 pm #226170
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  nav#main-navigation .menu > li > a span.nav-line {
    transition: none;
  }

  – Kyle

  November 5, 2015 at 1:25 pm #226188
  wildfox

  Member

  Post count: 58

  Thank you but I want to keep an effect, not the one defined (from left to rigth).
  I’d like to have my arrow appearing from bottom.

  November 7, 2015 at 11:49 pm #226861
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Try adding this css:

  nav#main-navigation .menu > li > a {
  overflow: hidden;
  }
  nav#main-navigation .menu > li > a span.nav-line {
      width: 99%;
      position: absolute;
      bottom: -10px!important;
  }
  nav#main-navigation .menu > li:hover span.nav-line {
  bottom: 1px!important;
  }

  – Ed

  November 10, 2015 at 11:17 am #227359
  wildfox

  Member

  Post count: 58

  Hi Ed,

  I used your css rules and changed a few things in it to make it works perfectly.
  thank you !

  regards

  November 10, 2015 at 11:22 am #227365
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Great thanks Ed 🙂 .
  Thanks
  Mohammad

• Back to forum

  Posted in: Dante