You have to right click to the element you want to change color, then you will Inspect Element to know its ID, once you know the ID you have to add custom CSS changing the color of that item like this: #menu-item-391 a { color: red; } You can use hex code for the color … Read more
<ul> <a> <li></li> </a> </ul> Is not valid HTML. An <a> tag cannot be a child of a <ul> tag. So what you’re asking for isn’t possible. It’s not your actual problem either. Your problem is a styling problem. If you want a larger touch target on the link, you need to add padding around … Read more
The issue is javascript targeting the menu-item-has-children class and adding a preventDefault to the click event. Pretty standard stuff but annoying when it’s not an option you can choose to turn off.
Yes, if you want to keep using a WP nav menu, a walker is the right way to go. To only affect a certain level (i.e. children, grandchildren, parent, etc.) you can use $depth. class wpseWalker extends Walker_Nav_Menu { public function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) { // Check … Read more
Customizing menu markup can only be accomplished by adding a WordPress filter and using your own, custom menu template. Unfortunately, menus are not a part of the WordPress template hierarchy so you need to do something like this: add_filter( ‘wp_nav_menu’, function( $nav_menu, $args ) { if( ‘my_custom_menu’ == $args->menu->slug ) { // include a template … Read more
I think it’s fairly easy to figure out this one if you read around. You’d need to login to your site dashboard as admin -> site.com/wp-admin, Navigate further to Appearance -> Menus from left side menu bar. In Menu section you need to create 2 Menus for your Top Menu and Header Menu. Top menu … Read more
Use this plugins https://wordpress.org/plugins/customizer-export-import/ https://wordpress.org/plugins/widget-importer-exporter/ https://ru.wordpress.org/plugins/one-click-demo-import/ Read the instructions of the plugins, with their help you can solve your question.
Your menu name is not consistent. When you created the menu, you named it ‘header-menu’. But when you rendered it, you tried to render ‘top-menu’. ‘top-menu’ doesn’t exist; it needs to also say ‘header-menu’.
I have just noticed you have solved your problem after I wrote this answer. I’m posting it anyway for future visitors. Various web browsers have an “Inspect” function built in, for example; Firefox, Google Chrome, Chromium, Bravve etc. How to Inspect pages Load up the page you want to examine in an appropriate web browser … Read more
It’s a problem in the generated CSS. This rule is adding a color: #fff to your menu links: .ast-theme-transparent-header .main-header-menu .menu-link, You can overwrite this rule in your CSS file and links will be visible. Check it out (the second CSS block): There you go! 🙂