/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

13 votes142 views1 answer
Baclgroud image css
CSS
0 vote128 views1 answer
Media queries import file
CSS
4 votes132 views2 answers
How to give background overlay in css
CSS
3 votes136 views1 answer
Visibility transition css only on show
CSS
102 votes137 views6 answers
How to center an element in css
CSS
1 vote132 views1 answer
Css 2 <p> next to each other
CSS
3 votes136 views1 answer
Import font sass
CSS
0 vote161 views1 answer
Css select first immediate child
CSS
0 vote142 views1 answer
Center elemnts css
CSS
0 vote128 views1 answer
Css avoid line break in span
CSS