Right now my logo consists of an image + text. Is it possible to use only an image as a logo and display some additional text (site title + description) next to this image?
see here on kriesi’s blog page what happend to the logo when scrolling! you can avoid that disappearing of the text – very easy.
see here Link
Best is to be on a child-theme installation because every changing by updating your enfold theme will remain!
you can see a demo here on a testenvironment: webers-testseite.de/ikom
you can see that i like to use the normal site name and site description to insert the text besides the figurative part of the logo
PS : those values in quick css (left top etc.) depends on your text and figurative part of your logo – so you have to play a bit with them.
This looks promising. I”ll give it a try later today.
Thanks!
I also tried the solution with the text widget in the header area (PHP snippet: Adding a widget area to the header). It works great on non-mobile resolutions. But is it possible to suppress this text widget in the header on mobile devices? It’s messing up the lay-out a bit and on mobile devices I just don’t need it…
Hi,
Can you post the link to your website please?
Regards,
Josue
On “normal” screens it looks fine now! On mobile I don’t need the text below the image.
Hi,
Site doesn’t load to me but try the following CSS code:
@media only screen and (max-width: 767px) {
.logo-title{ display: none !important; }
}
Best regards,
Josue
I used #header .widget instead of .logo-title. So
@media only screen and (max-width: 767px) {
#header .widget { display: none !important; }
}
And this does the trick!
Great, glad it worked :)
Regards,
Josue