Sticky On Top Not Working

krumz

Hello again,

Using JA Ego Spa Home 2. I have topbar-l and r set for sticky on top. I have menu set for sticky on top.

For the life of me these are not working and can't figure it out. Someone posted something about a fix they did but did not work for me.

As always I appreciate the help.

saguaros

HI krumz

You can try this custom CSS:

.not-at-top .t4-top-bar.t4-sticky {
    position: fixed !important;
    width: 90% !important;
}

.not-at-top .t4-header.t4-sticky {
    position: fixed !important;
    width: 90%;
    top: 40px !important;
}

krumz

saguaros

Thank you. This partially works. As you see in the images, the top bar and menu are now sticky but doesn't look good. The topbar-r shrinks a bit and menu just scrolls on top of images. It's not important to have the menu sticky but I would like the topbar sticky.

I'm not using topbar-r so maybe set topbar-l to auto? full width? I wonder if that will work?

saguaros

krumz Could you share the URL + super admin account of your site so I can have a closer look?

krumz

saguaros

I fixed this. I do not need the social buttons at topbar-r position so I have just topbar-l and fixed the code you gave me to this by changing width from 90% to 100%:

.not-at-top .t4-top-bar.t4-sticky {
    position: fixed !important;
    width: 100% !important;
}

I do not need the menu to be sticky so I took that out. It's all working for me now.

Thank you.