Edit ONE Menu Item

  • I want to be able to make one menu item bold. It is the “search” link in my primary menu. I have it hidden on desktop with the following code: 

    @media screen and (min-width: 56.875em){
.menu-item-10114 
{
	display: none;
}
}

    I’m not sure that’s the best solution but it’s what I have currently. So you can only see the link on a mobile menu.

    But what I’m really trying to do is BOLD the word “search” and also re-color it red. But nothing I do with “font-weight” or “color” makes any difference.

    I’ve tried this: 

    @media screen and (min-width: 56.875em){
.menu-item-10114 
{
	display: none;
        font-weight: bold;
        color: red;
}
}

    and it doesn’t work.

    I’ve tried adding !important and that doesn’t work.

    Any thoughts? Any help? The correct implementation of this would be awesome. Thank you in advance.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • the ‘search’ item seems to be bold (font-weight: 700;) already;

    however, the color needs to be applied to the link html;

    @media screen and (min-width: 56.875em){
  .menu-item-10114 a
  { 
    color: red;
  }
}
    Thread Starter dannydanny

    (@dannydanny)

    Michael, thank you for this answer but I’ve tried this and it does not work. I gave it another try today to make sure but it doesn’t have an effect.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Edit ONE Menu Item’ is closed to new replies.