Tagged: mobile logo
-
AuthorPosts
-
September 24, 2014 at 2:42 am #324008
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!
September 24, 2014 at 4:06 pm #324369Hi 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,
YigitSeptember 24, 2014 at 6:10 pm #324473This reply has been marked as private.September 24, 2014 at 6:13 pm #324476September 25, 2014 at 1:31 am #324687This reply has been marked as private.September 25, 2014 at 3:51 pm #325053Hey!
Please review your website now. I have edited the code slightly and it is working fine now
Regards,
YigitSeptember 25, 2014 at 7:17 pm #325191This reply has been marked as private.September 25, 2014 at 7:20 pm #325194Hi!
Please review your page now. I placed Google Maps element inside a 1/1 column element – http://i.imgur.com/qfQwGkO.png
Regards,
YigitDecember 30, 2014 at 4:44 am #372966This reply has been marked as private.December 30, 2014 at 12:32 pm #373042Hey 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!
YigitDecember 31, 2014 at 2:50 am #373396This reply has been marked as private.December 31, 2014 at 1:25 pm #373481 -
AuthorPosts
- You must be logged in to reply to this topic.
