I want my homepage navbar to have different styling to the rest of my site, how can I do this?
Maybe the question is css related. Anyway if you need modify the output html of your navs using Walker Class For more information check… codex
Maybe the question is css related. Anyway if you need modify the output html of your navs using Walker Class For more information check… codex
You should add a class called has-children to all inner li’s. You can use wp_nav_menu_objects to add the has-children class.
As posted in StackOverflow by Oliver White: You can add this item as last in your menu, then assign custom class to this item and add required styles (positioning, CTA styles).
EDIT: I tried the following and it works in the theme “Storefront for woocommerce”(Though it needs additional styling). For some reason though, it does not work well with the twentyfifteen theme.(The submenu does not show.) add_filter( ‘wp_nav_menu_items’, ‘wc_products_on_nav_menu’); //filter to add the html add_action( ‘save_post_product’, ‘rebuild_custom_wc_nav_menu’); //action to regenerate the menu array anytime a product … Read more
if ( strlen( $_POST[‘pass1’] ) < 3 ) { //passwords so small $redirect_url = home_url( ‘member-password-reset’ ); $redirect_url = add_query_arg( ‘error’, ‘password_reset_mismatch1′, $redirect_url ); } I see here that you’re checking if password length is less than 3. I guess you have to change 3 to 8: if ( strlen( $_POST[‘pass1’] ) <= 8 ) … Read more
I can’t see the style.css file of this theme. But through browser I indicate, media rules (at line#4884 of style.css) for .menu-top-menu-container cause this behavior. Removing .menu-top-menu-container’s property from this media rules could fix your problem.
<?php wp_nav_menu(array( ‘theme_location’ => ‘menu_location’, ‘container’ => false, ‘items_wrap’ => ‘%3$s’, ‘items_wrap’ => ‘<ul id=”nav-primary” class=”navigation %2$s”><li class=”normal”><a href=””><span class=”label-nav”></span><spanvclass=”label-nav-sub” data-hover=””></span></a> %3$s</ul>’, )); ?> Above example you can use your static item as well. TO make it dynamic you can use nav walker see this example – https://developer.wordpress.org/reference/functions/wp_nav_menu/#comment-content-207
Found that I was including the Bootstrap.min.js from the footer.php and this caused the issues. When the URL was wrong in functions.php then the js called from Footer made the menu show correct but then gave a console error for the incorrect URL called in functions.php, while when both were called correctly they clashed. By … Read more
Without knowing where exactly you want to put this (all posts, certain categories, etc.) I will give you the way to do it across the board. First step is to go into functions.php and find the function where your menus are being defined. Inside that function add the following code: register_nav_menu( ‘dmca’, __( ‘DMCA’, ‘theme-slug’ … Read more
The hamburger is shown with ionicons as an after element. You have conflicting CSS in your theme. This (specifically, the content: ” “;) CSS: .entry:before, .entry-content:before, .nav-primary:before, .site-container:before, .site-header:before, .site-inner:before, .wrap:before { content: ” “; display: table; } is overwriting the hamburger menu’s CSS @media only screen and (max-width: 800px){ .menu-toggle:before, .menu-toggle.activated:before { color: #1e1e1e; … Read more