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 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.
Here’s a Minimum site I’ve added it to: http://tavphoto.com
Here’s Brian’s code: http://www.briangardner.com/sticky-menu/
Yeah, I use a similar sticky menu for other websites, but it’s just way too bloated for Minimum.
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.
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.
Thanks! For the Minimum theme, adding this to the #header selector with some alight modifications does the trick!
Very cool! Is it set up for mobile as well?
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.