Give Comments Fields Some Full Width Love
Looking at the WordPress comments field input fields in Genesis on mobile leaves you a bit shortchanged… Give them a full width feeling… @media only screen and (max-width: 860px) { .comment-respond input[type=”email”], .comment-respond input[type=”text”], .comment-respond input[type=”url”] { width: 100%; } } Just change the max-width value to the pixel number that you want the…
Read MoreRemoving The Default Genesis Responsive Mobile Menu
This guide looks at removing the Genesis responsive built in mobile menu, well, not just removing it but making it more modular to either use or not This is based on using the sample theme and with a simple code comment/uncomment you can enable or disable the mobile menu. There are times where you may want to…
Read MoreUsing Slick Responsive Navigation Mobile Menus on Genesis Child Theme
This guide uses a jQuery mobile responsive menu from Josh Cope and shows how you can use it for a mobile menu in a Genesis Child theme in WordPress. There is also a guide for regular WordPress themes here. Also I have made a plugin which will work on Genesis and regular WordPress themes. SlickNav mobile menu is supports all modern…
Read MoreRemove Default Mobile Menu from Underscores
WordPress Underscores theme comes with a default primary menu that toggles to a mobile menu button at 600px wide. If your project requires using another mobile menu solution it is best to remove the existing one and here’s how. You can disable this menu and behaviour by removing the wp_enqueue_script to the navigation.js file…
Read MoreUp and running with Sidr Off Canvas Menu for WordPress
Sidr is a very popular jQuery off canvas menu that can slide content from the left or right into the viewport which is a great solution for mobile or tablet display. Here’s how to get it up and running in WordPress. First up is to download the latest zip which contains a minified jQuery file and…
Read More