Header text showing up over custom header image

What is it that you want to change?

Basically, my problem is that I have a custom image as my site header, but the additional text header (General>Settings>Site Title) overlays itself on the custom image. I can get rid of the text header, but that also gets rid of any text that shows up in the web browser tab when visiting the site. The people in the other thread fixed this problem by removing some code from the header.php. However, the code in the header.php for my theme is different, and I don’t know which segments of code to remove to fix the problem. Does that make sense?

Which text do you not want to display in the header? All I see is the image. It may be possible to use CSS and “display: none;” rather than to edit the header.php file.

Just looked at it looks like the site title and site description?

So try adding this to your CSS:

#site-title, #site-description {
   display: none;
}

Then even if you fill those in, they won’t display on the page, but they are still there for other uses.

Yes, the site title and site description is the issue. Where in the CSS should I add this?

At the end of style.css should be good.

Thanks WPyogi. Unfortunately it still is not working…I added the code you gave to the end of style.css but still no luck. I have temporarily left the site title and description visible so you can see exactly what’s happening, just in case that helps.

Try removing the text in this div in your header file

<div id=”site-title”>

Try changing the CSS to this:

div#site-title, div#site-description {
   display: none;
}

Hi WPyogi,

Still nothing, but I really appreciate your continued help.

@ravzen,

I do not see that exact line of code in the header file…is that a generic version of the code that may be different based on the theme being used?

Btw, I accidentally hit the ‘resolved’ button on this thread, but it is not actually resolved yet…my mistake.

It’s working — both of those lines are gone, but now you need to add some more space in the header section. So try adding this:

#access {
  margin-top: 60px;
}

Make sure you are clearing any caches after making changes.

Fantastic! It worked. This forum is great, thank you for being so helpful to those like me who have little coding experience.

My pleasure. Come back if you run into other questions ?? !