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: Joyn
• September 2, 2015 at 5:27 am #209443
  mhote

  Member

  Post count: 394

  Hi, can’t seem to control CSS of the last child (far right) on the main menu.

  Current code is:

  .menu-item-text:last-child {
      border: 1px solid #fff;
      border-radius: 10px;
      padding: 10px;

  But that’s applying to all menu items. How can we control just the far right?

  Thanks

  September 2, 2015 at 10:17 am #209575
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Should be:

  #main-navigation ul.menu .parent:last-child to target the li tag, or

  #main-navigation ul.menu .parent:last-child > a to target the link tag

  – Kyle

  September 2, 2015 at 10:44 am #209602
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  September 2, 2015 at 10:52 am #209607
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Sorry, this works: #main-navigation ul.menu .menu-item:last-child if you’re trying to apply the css to the span then use this:

  #main-navigation ul.menu .menu-item:last-child a .menu-item-text {
    
  }

  – Kyle

  September 2, 2015 at 11:18 am #209617
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  September 2, 2015 at 11:25 am #209624
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Because you have this in your custom css:

  /* TOP BAR WITH NAKED HEADER */
  
  body[class*="header-naked"] #top-bar {
    display: block!important;
  }
  .header-wrap[class*="page-header-naked"] {
    top: 37px;
  }

  – Kyle

• Back to forum

  Posted in: Joyn