Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Start with hidden menu

Start with hidden menu

Scheduled Pinned Locked Moved General Discussion
4 Posts 2 Posters 382 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • F
    F
    felix_rabe
    wrote on last edited by
    #1

    Hi everyone,

    how can i start with a hidden menu? I tried give it the hidden class that gets normally added when i start to scroll, with something like:

    window.laytheme.on("newpage", function(layoutObj, type, obj){
    jQuery("nav.primary").addClass("hidden");
    });

    But i can’t figure it out so far. Thanks for your help.
    Felix

    1 Reply Last reply
    0
    • mariusjopenM
      mariusjopenM
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Dear @fr
      what do you mean with START A HIDDEN MENU exactly?

      Can you send a link?

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • F
        F
        felix_rabe
        wrote on last edited by felix_rabe
        #3

        normally, when a page is loaded, the menu is visible and hides by going up out of the viewport when you scroll down.

        my menu should be already hidden when the site is loaded. when i scroll up or do a mouse over it shall come down and be visible, and hide again, when i scroll down.

        1 Reply Last reply
        0
        • mariusjopenM
          mariusjopenM
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          Dear @fr
          you can give the element here a negative top margin:

          . laynav {
          top: -56px;
          }
          
          

          You should also add a class called hidden with jQuery when the site loads. Then it is exactly like when the navigation disappears.

          Hope that helps!

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0

          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

          With your input, this post could be even better 💗

          Register Login
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          Online Users
          Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
          laytheme.com
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Recent
          • Tags
          • Popular
          • Users
          • Search