Now if you are interested in creating an icon system to use SVG not only in your menu but throughout your theme for design elements, within content areas, and inline them programmatically — a custom solution is in order.
Genesis Tutorials
How improving my codebase is saving me valuable time.
I’m always looking for ways to improve my efficiency. It’s better for me and the clients I serve.
Using SVG Animation in WordPress
If we want to style our SVG with CSS, we’ll need to insert the SVG code directly into our HTML as an inline graphic.
Adding a SVG Logo to Utility Pro Theme
This post will show how to add a SVG (Scalable Vector Graphics) logo to the Utility Pro theme or any Genesis child theme using a header image.
Add Retina Ready Background Images using a Sass Mixin
Adding a Sass mixin to generate the necessary code for Retina ready background images in Utility Pro.
Adding a Retina Ready Logo to the Utility Pro Theme
For this post, I’ve spun up this demo site to show you how I added a Retina ready logo to the Utility Pro theme.