Tagged: enfold, logo size, navigation, responsive
Hello,
Thanks for your help on customizing Enfold thus far!
We’re running a rather wide logo in a current build and wanted to see if you could suggest an @media query that would allow us to replace the current version of the logo with a separate logo file for devices less that 1280 pixels or so in width.
You’ll see when you resize the window, the logo gets covered up by the main NAV and we’d like to substitute another file version without the tagline to the right.
Here’s a link to the current prototype version: http://sandbox-3.sethbutler.com/prototype
(the site is behind a Coming Soon Pro) firewall so only this exact link will get you in.
Any advise would be most valued!
Warmest Regards
Seth
Hi Sam,
A media query wouldn’t work since the image isn’t added in with css. You could try something like this with javascript though: http://stackoverflow.com/questions/12784405/change-image-source-based-on-viewport-width
Regards,
Devin