Tagged: mobile logo
I needed to create a logo larger than the suggested 340px * 156px. It works great on desktop but is being hidden by the mobile menu.
Is there a way to make my logo (325x88px) swap out for a different logo that will fit on mobile devices or simple CSS that will make the logo size to fit on the mobile? Thank so much!
Hi broshannon!
Please add following code to Quick CSS in Enfold theme options under General styling tab
@media only screen and (max-width: 480px) {
.logo img { display: none !important; }
.logo a { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-repeat: no-repeat; background-size: contain; }}
Best regards,
Yigit
Hey!
Please review your website now. I have edited the code slightly and it is working fine now
Regards,
Yigit
Hi!
Please review your page now. I placed Google Maps element inside a 1/1 column element – http://i.imgur.com/qfQwGkO.png
Regards,
Yigit
Hey Shannon
I have only added custom CSS code to Quick CSS field. You can go ahead and update the theme and options will not be changed – http://kriesi.at/documentation/enfold/updating-your-theme-files/
If you have any issues, feel free to let us know and we will take another look :)
Cheers!
Yigit