Support » Theme: Twenty Sixteen » 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;
      }
    }

    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)
  • You must be logged in to reply to this topic.