/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

12 votes257 views6 answers
Wordpress enqueue script
CSS
1 vote209 views1 answer
Css width fit to content
CSS
0 vote199 views1 answer
Como fazer uma linha vertical no html
CSS
4 votes292 views2 answers
Css hex to rgb
CSS
2 votes209 views1 answer
Transform:translateX()
CSS
0 vote205 views1 answer
Css layers over background-images
CSS
0 vote205 views1 answer
Width not responding to css in table
CSS
0 vote297 views2 answers
Check if post page wp
CSS
6 votes171 views2 answers
Difference between justify content and justify in grid
CSS
0 vote195 views1 answer
Siteorigin hide row
CSS