Identifying Menu Item Unique Identifier #

[trebletree]

I am responded to a previous report ticket that was closed: https://theme.co/apex/forum/t/trouble-with-navigation-desktop-mobile/19075

I was provided with this custom CSS:

.x-navbar .desktop .x-nav > li.menu-item-7345 > a > span {
background-color: #ff6600;
padding: 10px 15px;
display: inline-block;
margin-top: -10px;
border-radius: 5px;
}

I need to change the menu item that displays as a button to a different menu item. How do you identify what the li.menu-item- # is for a particular item, so that I can update the CSS?

Thank you!

[basanta]

Hi There,

Thanks for asking again!

You can use chrome developer tool to identify ID of a menu item.

If you don’t know how to use chrome developer tool please see this video.

Hope this helps!

THanks