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
• December 4, 2016 at 1:54 pm #305074
  wtflovelife

  Member

  Post count: 113

  Hi! I put the front-end un/pw above in place of the admin un/pw so you can see what I am talking about in the below.

  I have added the following code to the custom CSS so that I have a different “hover” effect on my menu

  nav .menu > li.current-menu-item > a {
      border-radius: 40px;
      -webkit-border-radius: 40px;
      border: 1px solid #6ac21d;
  }
  
  .full-center #main-navigation ul.menu > li > a:hover {
      border-radius: 40px;
      -webkit-border-radius: 40px;
      border: 1px solid #6ac21d;
  }
  
  .full-center #main-navigation ul.menu > li > a {
      height: 35px;
      line-height: 30px;
      margin: 0 2px;
  }

  But if you look at the site – you can see it “jumps” slightly when you hover. What did I do wrong? THANK YOU

  December 5, 2016 at 9:49 pm #305252
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  It seems that extra pixel from the border, not sure how to stop it.
  Will forward it to our head developer.

  -Rui

  December 5, 2016 at 9:54 pm #305254
  wtflovelife

  Member

  Post count: 113

  Thanks so much! Standing by 🙂

  December 6, 2016 at 12:46 pm #305299
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Change the last of those 3 to this:

  .full-center #main-navigation ul.menu > li > a {
      height: 35px;
      line-height: 30px;
      margin: 0 2px;
      border: 1px solid transparent;
  }

  That should do it!

  – Ed

  December 6, 2016 at 1:16 pm #305318
  wtflovelife

  Member

  Post count: 113

  It’s perfect! thank you so much guys!

  December 6, 2016 at 1:18 pm #305319
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Great. Thanks Ed.

  -Rui

• Back to forum

  Posted in: Atelier