This should do it for you.. (UNTESTED) Create a file in your theme folder called nav-menu-walker.php and include this file in your theme functions.php file. nav-menu-walker.php class My_Nav_Menu_Walker extends Walker_Nav_Menu { function start_el( &$output, $item, $depth = 0, $args, $id = 0 ) { $indent = ( $depth ) ? str_repeat( “\t”, $depth ) : … Read more
NOTE: Please see edits below The menu is activated via media queries. Media queries for width<=643px start at line 2771, and those for 767px start at line 2748. Now, to change the breakpoint for the menu, we’ll move the mobile menu css from the 643px media query section to the 767px media query. On line … Read more
You’ll need to add this rule to your CSS somewhere. This positions the menu list 50% from the left, then translate the X 50% in the opposite direction. .menu > ul.sf-js-enabled { position: relative; left: 50%; transform: translateX(-50%); display: inline-block; } More info http://caniuse.com/#search=transform http://tympanus.net/codrops/css_reference/translatex/ http://howtocenterincss.com/
I don’t recommend having anything in-between a ul and li. If you make the anchor tag display:block that fills the list, the whole list tag will be clickable. So dont put any height, width, or padding on the list and manage it all instead with the anchor. a { display: block; width: 100%; }
First thing you do about this issue is try to check if the button calls the jquery function. for example: $(#submit-button).click(function(){ alert(‘button was clicked!’); // to display an alert }); or using the console $(#submit-button).click(function(){ console.log(‘button was clicked!’); // check using web browser console }); If one of them works then there is no issue … Read more
Although this is not really a WordPress question, but the visibility property does not actually HIDE any element. It only fades it so you can’t see it, but it still reserves space for it. You need to use the display property: .mobile-only { display:hidden; } @media (min-width:992px) { .desktop-only { display:block !important; } } @media … Read more
If it’s greyed out it’s because you haven’t created a menu yet. Once you give it a name and save it, you should be able to add pages and links to your menu. Once you have links/pages, you can begin to sort the menu by dragging them up or down.
You would have to write custom code in PHP/HTML and style (CSS) the logo accordingly. As far as I can see, you can’t add it through a plugin. Are you using this theme?
Assuming the menu has the structure <div id=”site-info”> Copyright (c) 2013 Acme Inc. All rights reserved. <ul class=”menu”> <li> Privacy Policy</li> <li>Terms and conditions</li> </ul> </div> You will need to add the following css” #site-info{ display: inline-block; line-height: 30px; /* adjust to aling everything up or remove */ } .menu{ list-style: none; /* to remove … Read more
Can you not see it? This: esc_attr( $item>attr_title ) …should be: esc_attr( $item->attr_title ) // See the hyphen?