Using a SVG logo in GeneratePress

How to create a SVG logo in Adobe Illustrator and add it to GeneratePress using CSS. Includes tricks for better aligning the desktop header and both mobile header options.

Link to GeneratePress Premium:
https://generatepress.com/premium/

SVG logo sizing CSS:

.site-logo {
width: 200px;
}

@media (max-width: 768px) {
.site-logo {
width: 200px;
}
}

Mobile menu icon sizing:

.menu-toggle {
font-size: 24px;
}

Link to SVG Support Plugin:
https://wordpress.org/plugins/svg-support/

If this video was helpful please hit the like button, and feel free to subscribe for future GeneratePress and WordPress tutorials.

Please feel to contact me at https://zephyrstudio.com/contact/

Видео Using a SVG logo in GeneratePress канала Mike Oliver Design