/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

39 votes68 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote98 views1 answer
Html don't select text
CSS
1 vote122 views1 answer
Grid rows css
CSS
1 vote110 views1 answer
Align centre
CSS
0 vote102 views1 answer
Bootstrap modal resize with jquery
CSS
31 votes215 views3 answers
Rgba blue color
CSS
2 votes102 views1 answer
Add padding to scrollbar
CSS
2 votes118 views5 answers
Tailwind css margin auto
CSS
1 vote104 views2 answers
How to center a position fixed element horizontally
CSS
0 vote122 views1 answer
Scrollable table vertical
CSS