-
Posts
-
Hi, on this site http://goldmanfineart.com/wp/wptest/murals-public-art/
we would like to do something like this: https://www.dropbox.com/s/3glmjiuobt7n24m/goldmanMockup.jpg?dl=0I am concerned about how responsive this will be. We could use the existing logo, and then just have the text to the right of it be text only, or we could just do a wider logo. I’m not sure what would happen on mobile devices. I would think text for GOLDMANFINEART would probably be easiest.
thank you for any ideas or help on how I can accomplish this.
GaryHi Goldman2014WP!
Please use a wider logo and then add following code to Quick CSS in Enfold theme options under General Styling tab to change the logo on mobile devices
@media only screen and (max-width: 480px) { .logo img { opacity: 0; } .logo a { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }}Best regards,
Yigitthanks, Yigit! How will that respond responsively, OR is there a way to add a logo just for responsive uses?
Gary
Hi!
It should work fine. You should insert the link of your responsive logo instead of the link in my code
Regards,
YigitYigit, that worked, but can we change at what screen width it jumps over to being responsive? Right now, the menu goes behind the logo when the screen is not that narrow.
Ok, here is a picture of the log and menu crashing into each other
https://www.dropbox.com/s/zz2z9jdaeysgn1v/Screen%20Shot%202014-10-31%20at%2012.05.34%20PM.png?dl=0
Hi!
Thank you for the update. If possible, avoid bumping the thread because it will take us longer to answer your inquiry. You can force the mobile menu to show earlier on Enfold > Header > Mobile Menu panel. Choose the second option of the Header Mobile Menu activation.
Regards,
Ismael
- The topic ‘Wider logo or Logo and text to right of it’ is closed to new replies.