Okay
  Public Ticket #2108535
sticky navigation hamburger icon
Closed

Comments

  • alexlytle12345 started the conversation

    Hello,

    I'm looking to make to make a full page menu that's triggered by clicking on a hamburger icon in the top right corner.  My problems are the following. Please find link of what i'm looking to do https://natours.netlify.com/(Note: this project comes from a udemy online course and is for practice use only)

    How can I set a menu icon globally and make the position fixed?

    Can this be down in wordpress or do I have to do this in the jquery plugin?


  •  137
    George replied

    Hi Alex,

    You mean, that you want to make this menu with LayerSlider? Because I'm afraid, that is too complicated for the slider because when you click on it should extend your whole screen and unfortunately LayerSlider does not have a feature like this.

    Best Regards,
    George | Kreatura Dev Team

  • alexlytle12345 replied

    George,

    Thanks for your input. I completely disagree.  I'm actually surprise and disappointed you would say this because there are examples of full screen menus on the website https://layerslider.kreaturamedia.com/features/popups/?platform=wordpress  Even though its not exactly like my example i gave to you its similar. I guess my question how can I make the button sticky so its fix to the top. I have had tried this using some css position: sticky and position: fixed with no luck 

    thanks,

    Alex 

  •  137
    George replied

    You should add position: fixed (or sticky) to the slider itself, and not to the layer. But I'm afraid, that more problems will be happen if you are going to create the whole menu.

    Best Regards,
    George | Kreatura Dev Team