Minimum Theme – Responsive Header

Community Forums Forums Design Tips and Tricks Minimum Theme – Responsive Header

This topic is: not resolved

Tagged: 

This topic contains 4 replies, has 3 voices, and was last updated by  designbytracy 1 year, 6 months ago.

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

    designbytracy
    Participant
    Post count: 51

    I added my own logo on the header area and adjusted some of the styling and sizing for it and the navigation. I’ve probably done it a backwards way and now it’s not responsive at all. Any ideas on how to best achieve this look/setup and keep it responsive?

    http://www.designbytracy.com/dev/shelleymccoyTWO/


    #30622

    ramseyp
    Participant
    Post count: 99

    Hi Tracy, the link you have there looks like it’s responsive. What site is needing the work?


    #31165

    designbytracy
    Participant
    Post count: 51

    It’s the site in development that I linked in the original post. I’m losing my navigation below 768px width. Ideally, I’d like my logo to center top and the nav to center below for these smaller widths responsively. Here’s the site link again.

    http://www.designbytracy.com/dev/shelleymccoyTWO/


    #31191

    Posh John
    Participant
    Post count: 42

    It’s disappearing from view because you have a max-height:120px; set on your header so there’s no room for it. Once you get rid of that, you will be able to see it and style it to go where you want it to.


    Thus the heavens and the earth were completed in all their vast array. Genesis 2

    #31193

    designbytracy
    Participant
    Post count: 51

    Perfect! It’s the little things. Now, I’m on my way to centering the logo and nav. Thanks Posh John.


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

You must be logged in to reply to this topic.