Making Header Logo Responsive in Balance Theme

[anrawool]

Hi All,
How do I make my header logo responsive? I am using Balance theme. Here is my site: http://www.questioningdesigns.com/

I tried the steps mentioned on http://thepixelista.com/responsive-genesis-child-theme-logo/ but the header did not become responsive.

Also, when I view on my site in IPad, I can see the Tagline just besides the logo. It is not visible when I view the site from my laptop. How do I remove the tagline from the header?

http://www.questioningdesigns.com/

[pxforti]

something like below. you probably have to play around with width. Also, you might need more than one media query.

@media (max-width: 767px) {

.header-image #title-area {
background-size: 291px 83px;
}

}

---

writeNowDesign
WordPress and Ecommerce Website Design

[anrawool]

Thanks for the pointers. Finally adding the below code to the media query seems to have fixed things:

@media (max-width: 960px) {

.header-image #title-area {
background: url(images/logo.png) center no-repeat;
background-size: contain !important;
}

}

Not sure if this is the right thing to do but it seems to have worked.

[kastriebel]

When I add this code to my css I get the responsive header image on top of the non-responsive header added in the dashboard...if I remove this header image in the dashboard, all I get is the plain text, no image???

[Author]

Posts