mobile header height

Community Forums Forums General Discussion mobile header height

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  CJWheels 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #88096

    CJWheels
    Member
    Post count: 38

    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/
    #88125

    chillybin
    Participant
    Post count: 81

    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

    #88193

    CJWheels
    Member
    Post count: 38

    Worked perfectly, thanks so much!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.