Responsive Header Help

Community Forums Forums Design Tips and Tricks Responsive Header Help

This topic is: not resolved

Tagged: , , ,

This topic contains 4 replies, has 2 voices, and was last updated by  christyhalsell 4 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #106120

    christyhalsell
    Participant
    Post count: 35

    This site is built on Agency (not Pro). I used a header widget to add the shipping button and it’s off on the responsive media queries. Can anyone help me? I don’t know exactly where to add the code, or what code to add to fix the different issues. In almost all of them, the button is cut off partway and is sitting over the header.

    http://www.diynaturalbedding.com/
    #106223

    Tom
    Participant
    Post count: 892

    Hey Christy,

    Try making these adjustments in your 960px media query:

    #header {
        min-height: 250px;
    }
    
    .header-image #title-area, .header-image #title, .header-image #title a {
        height: 175px !important;
    }

    Choose your next site design from over 350 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #106626

    christyhalsell
    Participant
    Post count: 35

    Thanks Tom! It makes them all look great except for the 320 and 240. I’m not worried about 240 – but 320? Maybe I can play around with it a bit. Thanks so much for the help!

    #106627

    Tom
    Participant
    Post count: 892

    I know it doesn’t help when someone says “looks good from here”, but – it does :-\

    You could increase the height some more, but then you’ll also need to address the header ID height, something like:

    .header-image #title-area, .header-image #title, .header-image #title a {
    	height: 200px !important;
    }
    
    #header {
    	min-height: 275px;
    }

    Choose your next site design from over 350 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #106628

    christyhalsell
    Participant
    Post count: 35

    Thanks! I’m going to leave it for now, I’ll trust you that it looks good!

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

You must be logged in to reply to this topic.