Topic: Off canvas menu with merge header

hollytga
March 7, 2025 at 10:30 am

On the home page here: https://proficient.fresheggs.biz/
the off canvas menu is transparent. But I’d like it to appear the same as on the other pages. I am using a merged header on that page with no navigation until scroll. I can’t figure out what to change to make it work like the other pages and keep the merged header with no nav until scroll. Thanks!

Ying

March 7, 2025 at 11:05 am

You have this CSS:

.page-id-30.sticky-enabled .main-navigation:not(.is_stuck) {
    opacity: 0;
    pointer-events: none;
}

Do you want to keep the CSS without affecting the slideout nav?

If so, change it to:

.page-id-30.sticky-enabled .main-navigation:not(.is_stuck, #generate-slideout-menu) {
    opacity: 0;
    pointer-events: none;
}

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

Off canvas menu with merge header