/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

3 votes258 views2 answers
Scss transition
CSS
0 vote268 views1 answer
Grape change status code
CSS
26 votes280 views5 answers
Css multiple classes
CSS
-1 vote261 views1 answer
Css backdrop filter grayscale
CSS
0 vote290 views1 answer
Aos makes screen unresponsive
CSS
5 votes286 views2 answers
How to rotate image 360 degrees in css
CSS
0 vote265 views1 answer
Container media queries for large displays
CSS
0 vote305 views1 answer
How to remove gap between divs
CSS
2 votes272 views3 answers
Css button transparent
CSS
0 vote264 views2 answers
How to zoom picture on hover using css
CSS