-
AuthorPosts
-
August 12, 2016 at 2:29 pm #671826
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?
August 12, 2016 at 2:48 pm #671833see 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/ikomyou 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.
August 12, 2016 at 2:52 pm #671835This looks promising. I”ll give it a try later today.
Thanks!August 27, 2016 at 5:20 pm #678437I 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…
August 27, 2016 at 6:19 pm #678461Hi,
Can you post the link to your website please?
Regards,
JosueAugust 27, 2016 at 6:24 pm #678466On “normal” screens it looks fine now! On mobile I don’t need the text below the image.
August 27, 2016 at 6:29 pm #678469Hi,
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,
JosueAugust 27, 2016 at 6:48 pm #678480I 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!
August 27, 2016 at 6:53 pm #678483Great, glad it worked :)
Regards,
Josue -
AuthorPosts
- The topic ‘Logo + text’ is closed to new replies.
