This CSS removes the text from each primary nav menu item and replaces it with a background image which is linked to the menu item URL like this.
On the exact same responsive drop down menu, the images are removed so the text displays like this :
The image for each menu item is added to your child themes images folder.
This CSS was written & tested using the Infinity Pro theme for a registered member.
#Installation
There’s 2 steps :
Step 1 : Add your images to your child themes images folder. The images used in the demo are 70px by 70px with a transparent background. Make sure the file name & extension match what’s in the CSS.
Step 2 : Copy & paste the CSS from the file in the download folder to the end of your child themes style sheet and clear caching.
Should work fine in any Genesis child theme.
Register or login to access the download folder :