The Easter Sale is on! Join now or renew your subscription with a 25% OFF! Read More

Support Forum

Giora
Giora
Offline
Site: http://www.brightman-gil.com/dev
The default on the template is that both top and header are in one container which is sticky. This is great for me.

Unfortunately, when I try to make the header (or both the header and top) sticky on the mobile, I lose the sticky attribute on the desktop top position.

I read through this thread https://www.inspiretheme.com/blog/freebies/42-fixed-sticky-header-atoms-for-gantry-5-freebies#comment-2692574100, and followed it by installing the Fixed Header Atom.

But when I put in the Atom's settings in the CSS Selector Field "#g-header" and in Mobile Field "Enabled", then on the desktop version of the site I lose the sticky attribute on the top position. I also tried to put in the CSS Selector Field "#g-header, #g-top", but that did not work.

Is there a way to have either just header or both header and top sticky on the mobile while still maintaining both header and top sticky on the desktop?

TIA!!!!
Lisa
Responses (4)
Sorry, but you are not allowed to view the replies here.
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!