mobile header height

[CJWheels]

I am using executive pro theme:

http://themetest.howtorockyourblog.com/

I had to define a height on the header:

.header-image .site-title > a {
background-position: top !important;
float: left;
min-height: 180px;
width: 100%;
}

It looks great, except on mobile, there is 180px where it needs to be less. I tried adding that to the mobile, but it screwed everything up. How do I shrink down the mobile height, or did I need to add the height somewhere else so it shrinks properly on mobile?

Thanks:)

http://themetest.howtorockyourblog.com/

[chillybin]

Around line #2328 you can change the min-height on your mobile layout

I tested this code, it worked pretty well

    .header-image .site-title a {
        background-size: contain !important;
		min-height: 100px;
    }

---

We are a web design & development consultancy based in Singapore who specialise in all things WordPress & Genesis. | ChillyBin Web Design & Consultancy: http://www.chillybin.com.sg | Twitter: @chillybindesign

[CJWheels]

Worked perfectly, thanks so much!

[Author]

Posts