Parallax Pro – Hide header logo but display text – Responsive

[jruez]

I am using Parallax Pro for my site. If I don't have a header logo set (from the customization section), then the header text display correctly. From a responsive standpoint, it pops to the center of the screen and stays above the three line nav menu that is created.

What I would like is to have the logo display until the screen gets to a specific size, then I'd like to hide the logo and just display the text.

In the custom CSS file, I added this:

@media only screen and (max-width: 960px) {
	
.header-image .site-title > a {
		background-image: none !important;
	}
}

It correctly hides the header logo, but the text is gone also. Is there a way I can keep the text displaying when the logo is hidden?

[emasai]

As I cannot see the site, I imagine that the text is part of .site-title a, so it is being hidden along with the logo. You would have to put the text outside this tag so that it will remain visible.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[jruez]

Thank you for your input. Yes, you are correct, it is in .site-title

<h1 class="site-title" itemprop="headline"><a href="http://www.site.com/">TEXT</a></h1>

And here is what is generated when the image is added to for the logo

.site-title a {
    background: url('http://www.site.com/wp-content/logo.png') no-repeat scroll 0% 0% transparent !important;
}

I do understand that it is all being hidden, but what I am asking is how I can stop this, since it is being done in the Parallax Pro theme.

Can I add custom CSS?
Can I add something to a function to break the two out or fix this issue?

[emasai]

In your css file line 951, site-description has no height and is text indented. If you add some height and remove text-indent the tagline of your site will appear. You might also need to define the color in this tag. Then when you turn off the logo the text will still be visible.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[jruez]

@emasai, messing around with those values using the browser tools has displayed it. I am going to fiddle with it more later and will report the exact fix. Thanks for pointing me in the right direction!

[Author]

Posts