@AlexanderFarber, there are many way to attach attribute class under wp_nav_menu link. I agree with @Sumit, adding page links in Appearance > Menu WordPress take care of current-menu-item class or current_page_item class. Also, this way is best practice to handle your nav menu in the future. Create dynamic link in wp_nav_menu Since your question related … Read more
The left padding will be the default 40 pixels added to a ul by the browser. When I style WP menus I use this to make sure all browsers are happy: .blog-nav li, .blog-nav ul { padding: 0; margin: 0; }
If you will not pass that how many arguments you need in your callback function then add_filter will provide you only one and first argument. Because default arguments for add_filter are add_filter ( string $tag, callable $function_to_add, int $priority = 10, int $accepted_args = 1 ); $accepted_args is 1 if you do not pass it. … Read more
This is a tough one. Normally I’d say use text-indent:-99999px; as part of the markup for <a> — to get that link text off the screen. But you have that fa italic tag which is really text as well – so it gets shifted off the screen, too. This solution is pretty ugly but you … Read more
If you want to add the icon as content in a pseudoelement I would select the a by specifiyng the class you inserted in the WP menu editor (so in the li): /*hide the menu text*/ li.your-class a { visibility: hidden; } /*create the icon and make it visible*/ li.your-class a::before { content: “icon code”; … Read more
Not sure you want to do it like this, but just in case, you can use the filter nav_menu_css_class : function my_special_nav_class( $classes, $item ) { if ( is_single() && $item->title == ‘Blog’ ) { $classes[] = ‘special-class’; } return $classes; } add_filter( ‘nav_menu_css_class’, ‘my_special_nav_class’, 10, 2 ); You’ll find more example here
You’re getting a syntax error because you forgot to close off your first if. Also, you need to close off the first php block. <div class=”mobile-nav”> <?php if ( ! is_front_page() && ! is_home() ) { ?> <div class=”menu-btn” id=”menu-btn”> <div></div> <span></span> <span></span> <span></span> </div> <?php } // <– You forgot to put this in … Read more
I don’t know what your conditions are for each class by the hook you’re looking for is nav_menu_css_class. You can use it to append classes or remove classes from each list-item <li> in the menu. /** * Modify list item classes of wp_nav_menu * – https://codex.wordpress.org/Plugin_API/Filter_Reference/nav_menu_css_class * – https://developer.wordpress.org/reference/hooks/nav_menu_css_class/ * * @param Array $classes || … Read more
I would not bother creating a nav menu for this, I would just write a code that takes JSON as input and spits out menu markup with the data. WP’s menu data structures are quite unwieldy and aren’t too convenient to work with. There are also issues of persistence and performance (network request is usually … Read more
You can either use a filter in your functions.php file: function mytheme_nav_menu_css_class($classes, $item, $args) { if($args->theme_location == ‘secondary’) { $classes[] = ‘your-class-name’; } return $classes; } add_filter(‘nav_menu_css_class’,’mytheme_nav_menu_css_class’); Or if you go to your WP Admin, click Appearance -> Menus and then click the tab at the top “Screen Options”, you can tick CSS Classes which … Read more