Fixed Header for Minimum Child Theme

Community Forums Forums General Discussion Fixed Header for Minimum Child Theme

This topic is: not resolved

Tagged: 

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

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #40592

    WEBOSIS
    Participant
    Post count: 13

    I would like to make the header for the Minimum child theme fixed. I was hoping it would be as easy as adding position: fixed; to the #header selector in the stylesheet, but this does not appear to be the case. Also, I would like for smaller screens to display the default header style (not fixed). Can anyone help?

    • This topic was modified 1 year, 6 months ago by  WEBOSIS.
    • This topic was modified 1 year, 6 months ago by  WEBOSIS.
    • This topic was modified 1 year, 6 months ago by  WEBOSIS.
    • This topic was modified 1 year, 6 months ago by  WEBOSIS.
    #40651

    Ted
    Participant
    Post count: 56

    This isn’t exactly what you’re looking for, but I used Brian Gardner’s Sticky Menu code to add that to Minimum.

    Then I used CSS to make sure it didn’t display on mobile.

    #subnav {
    display: none;
    }

    Here’s a Minimum site I’ve added it to: http://tavphoto.com

    Here’s Brian’s code: http://www.briangardner.com/sticky-menu/

    • This reply was modified 1 year, 6 months ago by  Ted.
    • This reply was modified 1 year, 6 months ago by  Ted.
    #40700

    WEBOSIS
    Participant
    Post count: 13

    Yeah, I use a similar sticky menu for other websites, but it’s just way too bloated for Minimum.

    #43428

    WEBOSIS
    Participant
    Post count: 13

    Trying to work on this again. I would imagine it would be quite simple for someone who knows what they’re doing. I have been able to come close, but it is getting pretty messy.

    #43519

    Ted
    Participant
    Post count: 56

    Check out this article by Brad Dalton. It offeres a way to make the main nav sticky in a very simple way. Would just take some modification to use this method as the header.

    http://wpsites.net/web-design/how-to-make-your-nav-menu-sticky/

     

    #48573

    WEBOSIS
    Participant
    Post count: 13

    Thanks! For the Minimum theme, adding this to the #header selector with some alight modifications does the trick!

    #48597

    Ted
    Participant
    Post count: 56

    Very cool! Is it set up for mobile as well?

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

You must be logged in to reply to this topic.