/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 vote128 views1 answer
Container transparent text opaque
CSS
13 votes159 views3 answers
Center position fixed
CSS
1 vote156 views3 answers
How to stop input from highlighting onclick
CSS
1 vote147 views1 answer
Cs and cd in jfet
CSS
0 vote140 views1 answer
Touch-action in css
CSS
0 vote141 views1 answer
RROR: PKGBUILD contains CRLF characters and cannot be sourced.
CSS
7 votes177 views3 answers
Transition shorthand css
CSS
9 votes150 views1 answer
Textview android text align center
CSS
0 vote160 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
27 votes134 views4 answers
Css keyframes
CSS