I like to call that “Fix it with JavaScript” aka “Fix it in post“. It happens when a someone can’t do something with CSS so they resort to JS. On a slow-loading site, such as the one you linked, the time it takes to load the JS is long enough so that any corrections to … Read more
I tested this as a function. You can place it in your footer or functions.php theme file and call it in your themes footer section. See the comments for links to the functions used. function wpse_101774_footer() { // Start this part of footer on new line. echo “\n”; foreach ( array( 14, 19 ) as … Read more
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?