Sticky menu on top bar

[skundaram]

Hiya! I can see the menus are sticky for both top and primary menus on homepage. However, it’s not the same when you go in inner pages. I assume it is suppose to be sticky for just the primary menu but not the top bar, but i would like it be sticky for both the menus. Would that be possible at all?

Thanks very much.
Swetha

[Catalin]

Hi there,
unfortunately it wasn’t thought to have both menus sticky and I can’t say how much work it will imply.

I have tried to come with a JS CSS solution but you need to test it and extend it.

Add this CSS

COPY CODE

#header {
    width: 1200px;
}

and modify this theme file around line 1428
wp-content/themes/kleo/assets/js/app.js

COPY CODE

$(".kleo-main-header").sticky({topSpacing:kleoHeader.spacing});

to

COPY CODE

$("#header").sticky({topSpacing:kleoHeader.spacing});

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts