Okay
  Public Ticket #3551070
Not able to make sticky header
Closed

Comments

  • Ilija started the conversation

    Hi,

    I have created a navigation header menu that works on desktop, tablet and mobile. However even if I checked this "Sticky/Top" section under the motion  effect, it still can't be sticked while I scroll.

    Under templates (header) I have created HEADER 23 template that I use under this page https://ilija.website/portfolio/walwil/

    Please login and take a look.

    Word Press login: http://ilija.website/wp-admin/ 
    Username: Ilija
    Pass: ilija.website032 

    Attached files:  Screenshot 2023-12-28 at 16.54.07.png

  •  907
    Neuron replied

    Hi Ilija,

    It seems that the sticky option is not working on the Elementor's containers, so I'll lead this issue to the dev team.

    For now, I've just removed the fixed position you added to that header container and added the following CSS instead at the Header Settings > Advanced > Custom CSS.

    https://ibb.co/vXvZHT5

    Please take a look at it and let me know if you can keep it like that for a while until the team fixes the issue.

    Feel free to ask for anything you need.

    Kind Regards


  • Ilija replied

    Hey, thanks! In the meantime I have added Fixed position since it was the only way to make it work.
    With the fixed position it was solved. Thanks a lot.

    Ilija

  •  907
    Neuron replied

    You are welcome anytime, feel free to ask for anything you need

    If you like our theme or the support, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.

    Kind Regards,
    NeuronThemes


  • Ilija replied

    Hey, thank you for supporting here very much!

    I have just noticed after you have added the code that header goes behind the images in my work posts while scrolling. 
    Could you please take a look?

    Attached files:  Screenshot 2023-12-29 at 10.41.30.png

  •  907
    Neuron replied

    Hi Ilija,

    I've just updated the code I added before, so I added some z-index to the header template, and now it's on top of the other sections, sorry that I didn't notice it before.

    selector {
        position: sticky;
        top: 0;
        z-index: 99;
    }

    Feel free to ask for anything you need.

    Kind Regards