Instead of writing custom styles like .menu-item-346 where you are hardcoding some styles…
why not just add a custom css class with the editor under Appearance -> Menus.
WordPress has this build in.
Under Appearance -> Menus you need to open the Screen Options and tick the box CSS Classes.
After this you can now add one or multiple classes to every single menu-item.
You than could just write some custom CSS rules for these classes.
This way, your customer could just add these classes by himself. (or not)
Related Posts:
- How to move parent li to end of child ul
- Override custom menu widget
- When at / ( or “home”) my menu doesn’t get a current-menu-item class
- How to change Twenty Seventeen theme’s navigation bar location?
- Custom Post type menu highlighted in the archive/post
- WordPress – site with 2 stylesheets and more…
- Add nav menu CSS class to body
- Vertical Sidebar Menu Parent and Child not displaying correctly [closed]
- How to insert custom code into wp_nav_menu structure?
- remove everything from wp_nav_menu
- Editing WordPress Nav Menu Walker
- WordPress Admin Bar Covering & Overlapping Fixed Menu Header [closed]
- Add class active to static menu
- Add CSS to head depending on nav menu walker
- Grey out nav buttons unless is_user_logged_in()
- Add a class at specific element in custom Menu Walker
- wp_nav_menu not working [closed]
- create a 2 row menu in wordpress
- Making nav menu sticky and transparent
- current-menu-item class in CSS
- Static page to one page- menu inactive items highlighted
- CSS_Menu_Walker not showing on mobile view?
- CSS Classes (optional) on menu is not showing
- Switch from hover to click on Twenty Twelve Menu
- How to style a specific nav menu item?
- How Do I Add Images To Main Navigation Menu
- How to I know the class or ID of my theme?
- My Temptation theme is showing two of the same menu at the top. How do I remove the one that the theme comes with? Please help! [closed]
- How to change the color of a menu item [closed]
- display menu as table layout
- Highlight parent if item from submenu is active
- WordPress + Bootstrap [closed]
- styling wp_nav_menu – horizontal, sub-menu drop downs
- How to buid wordpress menu with auto width sub-menu items in dropdown menu without any items sharing one line [closed]
- Trouble hiding menu on single page
- change hover color of specific menu link [closed]
- How to add css to single navigation text? [closed]
- Navigation menu not visible (contrast issue) on home page
- Full screen nav menu block with avada theme
- How do I change/remove styling (top border) on main menu for active page and hovering (Avada Theme)
- Drop Down menu expanded by default (on front page) [closed]
- Odd spacing in Navigation Bar [closed]
- Controlling sub-menu within sub-menu
- How to manipulate attributes of url-less dropdown item in a the custom wordpress menu?
- Using CSS ID’s and Classes with images in a WordPress Horizontal Menu
- Is there any way to change the CSS class applied to 2nd level sub menu ul’s?
- Custom menu styling
- Styling issue with custom menus and sub menus
- Determining the “current_page” in WordPress Custom Menus
- New wp menu menu styling
- Child pages don’t become submenus (as in the twenty-ten theme)?
- Secondary Menu Not Functioning as a Sticky Menu
- I’m trying to remove a duplicate menu, which only appears on the homepage?
- Im having trouble centering menu items in footer due to “flexbox”
- Menu items not clickable
- How to add CSS class to and and id in a nav menu with code?
- Change hover to onclick on menu
- wp_nav_menu container style args
- Add/remove image from navigation bar
- Stuck while adding bootstrap navwalker class
- How to swap text in menu item back and forth?
- How to create a mobile menu full screen overlay using Understraps Bootstrap 4 theme
- Disable Top Nav Bar on Mobile
- How to get rid of the bottom line in the navigation menu via CSS file?
- Making my main menu a hamburger menu on all platforms
- WordPress menu issue after update
- Adding span to a particular text in an menu item
- Get Sub-Menu Dropdown to Show Over Page Content
- Problem with positioning of the menu in custom WP style
- How can I make menu items into two seperate buttons with different functions?
- Responsive Dropdown Menu
- Vertical Menu items shifting to same line when window size increased [closed]
- Adding two same css class on menu item
- Two questions about CSSing inside the menus
- Always show wordpress submenu on responsive header menu
- jQuery not working when used with wordpress menu
- Theme: Twenty Thirteen Mobile Sliding Menu Doesn’t Bump Content Down
- How do i keep my current page menu highlighted on pagination?
- Can’t style custom menu
- individual images as navigation design TwentyTen
- Specifying Class style for Menu
- Bought custom navigation menu from codecanyon, how to change feature.php?
- Menu Underline shows without Hover after adding subitems
- Creating a Horizontal menu
- Any plugin to make a 3 levels menu? [closed]
- How to add or remove borders in navigation menu?
- wp nav menu – highlighting current page not working properly [closed]
- Why there is a gap between and it’s container (A drop down menu in wordpress) [closed]
- Keeping my Sub Menu open when hovering on its list items
- How to centre menu items on horizontal nav bar? (e.g. make margins equal) [closed]
- How to change first letter of active menu item
- Site navigation sits unstyled for a second on page reload [closed]
- Formatting WordPress Menus (without bullets, inline with text)
- Changing when mobile menu is displayed
- how to add permalink/slug to wordpress custom link menu item
- Active Navigation Class Based on URL on icon
- Hiding Widget On Mobile Devices Removes Our Product Search Box On Mobiles
- change breakpoint widths for divi theme tablet view
- Rename Menu icon in Twenty seventeen theme
- Main Menu Hover is Always White