WordPress.org

Support

Support » Themes and Templates » [Resolved] Header Image Doubling Up in Responsive Design?

[Resolved] Header Image Doubling Up in Responsive Design?

  • Greetings All —
    I’m having some header issues with the responsive design in Expound 1.8 and as usual, it’s probably my fault. I just updated the theme and saw that I lost the header’s image ability to click to return to the homepage, so I copied the previous (1.5 I think?) theme’s header code and it worked just fine. However now that the header image links back to the homepage (yay) in any responsive resolution, it doubles up and presents a weird, large background version of the header image (try shrinking this page)

    http://www.mountainouswords.com/mountain-air/

    Any help would be greatly appreciated! Note that I tried some of the obvious CSS fixes, looking for a background repeat and such to no avail so I’m guessing it’s something more tricky.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Konstantin Kovshenin
    Participant

    @kovshenin

    Hey there! Copying old code into the new theme is not a very good approach at fixing this. What you really need is to enlarge the .site-title element and have it span across the whole header with CSS and have some transparent text (without the positioning and clipping to hide it).

    Konstantin — Thanks again for creating a fantastic theme and keeping up with the support page. I know that you do this for free and it’s great that you help so many of us out. Thanks a ton!

    I have returned to the new theme header.php file. I knew there was something with the .site-title element, I just wasn’t sure how to deal with it. Does this mean I should have no custom header in place through the WP Admin page?

    Thanks!

    Theme Author Konstantin Kovshenin
    Participant

    @kovshenin

    No, you should have both, but your site title should overlap the full header to make the area clickable with CSS.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Header Image Doubling Up in Responsive Design?’ is closed to new replies.