sticky menus

Hey Shaun,
Thanks for reaching out! I think this CSS will do it for you:

@media (min-width: 768px) {
.headerclass {
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
aside.col-lg-3, .main.col-lg-9.col-md-8 {
    padding-top: 50px;
}
}

Hope it helps!

Best,
Hannah

Thanks. It worked for IvyStandup.com but not for BrainChampagne.com, where it moved everything up so it cut off the top of the page, and also changed the color at the top so hover led to white text on a white background.

It also got rid of the colored bar at the top so the menu across the top isn’t separated from the rest of the page. Although I’m not sure if it’s better or worse that way. I looked at some other websites and they vary.

Oh sorry, I forgot you had mentioned a second site. What CSS have you currently added?
This css may work better:

@media (min-width: 768px) {
.headerclass {
    background: #999;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
aside.col-lg-3, .main.col-lg-9.col-md-8 {
    padding-top: 60px;
}
}

Kindly,
Hannah

Thanks. I found a plug-in that worked, with a bit of help from the plug-in company. Is there an advantage or disadvantage with a plug-in vs css or does the plug-in just put in css that I don’t see?

Anyway, problem solved.

Glad you were able to solve this. A plugin can sometimes slow down your site more than CSS. But as long as you’re using them in moderation it shouldn’t be an issue.

Kindly,
Hannah