Give Comments Fields Some Full Width Love

full-width-input-field

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 More

Using Slick Responsive Navigation Mobile Menus on Genesis Child Theme

slick-nav-menu-twentytwelve

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 More

Remove Default Mobile Menu from Underscores

underscores-mobile-menu

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 More