/CSS/Add custom css to wordpress menu item

Add custom css to wordpress menu item

How make custom menu in wordpress

function wpb_custom_new_menu() {
  register_nav_menus(
    array(
      'my-custom-menu' => __( 'My Custom Menu' ),
      'extra-menu' => __( 'Extra Menu' )
    )
  );
}
add_action( 'init', 'wpb_custom_new_menu' );

Source: wpbeginner.com

How make custom menu in wordpress

<?php
wp_nav_menu( array( 
    'theme_location' => 'my-custom-menu', 
    'container_class' => 'custom-menu-class' ) ); 
?>

Source: wpbeginner.com

Add custom css to wordpress menu item

// Wordpress apperance panel settings
1. Go to admin > appearance > menu
2. Click on Screen Options (top right of the screen)
3. Check the CSS classes options in the “Show advanced menu properties” panel
4. add your css classes to the element

Similar codes

0 vote191 views1 answer
Remove a styles css class with javafx
CSS
0 vote204 views2 answers
How to define max number of character for a paragraph css
CSS
0 vote184 views1 answer
React how to wrap
CSS
0 vote195 views1 answer
Dad
CSS
2 votes308 views2 answers
Html how to split a div into two columns
CSS
9 votes194 views3 answers
Set whole website background image
CSS
6 votes185 views4 answers
Backdrop filter css
CSS
1 vote190 views1 answer
Z-index on position absolute
CSS
55 votes192 views4 answers
Hover effects css
CSS
0 vote190 views1 answer
How to use css print page break with float
CSS