WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Header text showing up over custom header image (15 posts)

  1. Jake Huddleston
    Member
    Posted 1 year ago #

    I am having the exact same problem as the person on this thread here:

    http://wordpress.org/support/topic/how-to-make-blog-name-show-on-browser-tabs?replies=10

    The problem for them seems to have been fixed but the code in the header.php of my theme is different and I don't know which text to cut out of the code...is there someone who could take a look for me and let me know segments of the code to remove? Here is my site:

    http://jakehuddleston.com/

    Thanks!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    What is it that you want to change?

  3. Jake Huddleston
    Member
    Posted 1 year ago #

    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?

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  6. Jake Huddleston
    Member
    Posted 1 year ago #

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

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    At the end of style.css should be good.

  8. Jake Huddleston
    Member
    Posted 1 year ago #

    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.

  9. ravZen
    Member
    Posted 1 year ago #

    Try removing the text in this div in your header file

    <div id="site-title">

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try changing the CSS to this:

    div#site-title, div#site-description {
       display: none;
    }
  11. Jake Huddleston
    Member
    Posted 1 year ago #

    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?

  12. Jake Huddleston
    Member
    Posted 1 year ago #

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

  13. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  14. Jake Huddleston
    Member
    Posted 1 year ago #

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

  15. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic