/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 vote182 views1 answer
Cheat codes for hmtl and css
CSS
32 votes182 views6 answers
Background image size css
CSS
35 votes187 views6 answers
Gradient css background
CSS
0 vote168 views1 answer
Style image so it crops
CSS
16 votes177 views2 answers
How to set background image 100 height
CSS
14 votes168 views2 answers
How to render css in flask link
CSS
0 vote174 views1 answer
Ipad pro css
CSS
6 votes173 views4 answers
Tailwind css npm
CSS
174 votes168 views6 answers
Css background image
CSS
-1 vote155 views1 answer
How to make div possion top in css
CSS