Mindblown: a blog about philosophy.
-
Oxygen Mobile Menu Customizations – 2
This members-only tutorial provides the steps to improve the design of Oxygen’s mobile menu when dropdown links are set to be included in the responsive menu. Before: After: We are going to: left align the menu items indent the sub menu items bold the top level menu items reduce the top and bottom padding for…
-
How to left align menu items in Oxygen’s mobile menu
This tutorial shows how navigation menu items can be left aligned in the mobile menu overlay in Oxygen. Before: After: Add the following CSS (a good place would be in the WordPress Customizer’s Additional CSS area):
-
How to add an image above/below mobile menu items in Oxygen
This members-only tutorial provides the steps to show a logo image above the menu items in Oxygen’s mobile menu. This method can be used to show any number of images at any position in the mobile menu – even in between the menu items. Step 1 Go to Appearance > Menus. Edit your menu. This…
-
Oxygen Responsive Menu
One of my pet peeves with Oxygen is its lightbox-style mobile menu implementation which does not show sub menus. Being a Genesis fan, I am used to its simple-yet-complete accessible mobile menu (demo). So I spent this weekend going through the code in parent Genesis theme, Genesis Sample child theme, and Oxygen. The result is…
-
Oxygen Mobile Menu Customizations
This tutorial provides the CSS code to set auto height for the mobile menu (vs the default full screen) in Oxygen. Add this CSS: Change 768px to the width at which your regular nav collapses into a mobile menu. Bonus: If you want the hamburger menu icon to be fixed and always be visible, add…
Got any book recommendations?