You can use CSS to style the 1st nav menu item in any theme using : first-child nth-child(1) first-of-type All 3 CSS rules
Genesis Nav Menu Tutorials
Tutorials in this archive relate to the customization and modification of nav menus in Genesis using PHP code & CSS. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.
Show Genesis Responsive Menu At Different Width In Altitude Pro
This code changes the width at which the Genesis responsive menu is displayed. By default, the responsive menu icon is shown when the screen
Different Menu On WooCommerce Pages
This code works in any child theme function file and enables you to use a different menu when WooCommerce pages are loaded. In this case we
Inline Style Nav Menu Items For Each Category Using walker_nav_menu_start_el
The code in this download folder adds a color picker to your Edit Category Pages which you can set to style each category nav menu item a
Vertical Align Title Area & Menu On Desktops & Mobiles
The solution in this download folder enables you to add a logo of any size and vertically align it with your nav menu like this : This
Center Site Header Elements On The Same Line
The code in this download folder perfectly centre's your site title or logo next to your nav menu as well as vertically aligned on desktops
Add Image To Nav Menu Using Customizer
The code in this download folder enables you to add an image via your customizer to your nav menu. In this case, the primary menu however
How To Change Default Genesis Responsive Menu Icons
This solution enables you to remove the default dashicons used to open & close the mobile menu and replace them with symbols, text or
How To Add Your Site Title In Your Nav Menu
This code enables you to add your site title within your nav menu like this : In this screenshot, the site title displays within the
Add WooCommerce Cart To Nav Menu Widget In Genesis
This code adds the WooCommerce cart icon with the total amount of items and price to a navigation widget in the before header utility
Menu Logo Menu Using CSS Grid In Newer Versions of Genesis Sample Theme
This tutorial adds a custom left and right menu that work with your custom logo and display inline using CSS grid. If you're using a new
Add SVG Icons To Custom Nav Menu In Genesis
This code enables you to add simple SVG icons to a custom nav menu named Social in any Genesis child theme. The code is written to detect
Display Search Inline With Genesis Responsive Mobile Menu When Toggled Open
By default, the search form, when added to the nav menu, is displayed within the drop down menu when toggled open. The solution available in
How To Modify The Responsive Menu Text In Genesis
This simple solution enables you to change the name of the responsive menu from the default text which is MENU to something else. All you
Add Header Right Widget & Full Width Menu In Genesis Sample Theme
The code in this download folder adds the header right widget area back to the Genesis Sample child theme and also repositions the primary
Hide Genesis Responsive Menu On Menu Item Click
This solution enables you to hide the Genesis responsive menu when any menu item in the drop down toggle menu is clicked. Once the menu item
Menu Logo Menu In Old Versions of Genesis Sample Theme 2.2.4
The code in this download folder creates a menu logo menu in the header of version 2.2.4 of the Genesis Sample theme. Note : This solution
Essence Pro Logo Menu Search Perfectly Inline
This CSS enables you to display your logo, menu & search form inline like this : You can also display the header elements in any
Menu Logo Menu In Essence Pro
This solution enables you to modify the default Essence Pro site header elements to display a menu logo menu like this : Centers either
Uncombine Genesis Responsive Menu
This solution enables you to uncombine menus which display in the responsive toggle menu. By default, the Magazine Pro child theme combines
You must be logged in to post a comment.