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. Overlay burger position

Overlay burger position

Scheduled Pinned Locked Moved General Discussion
3 Posts 2 Posters 559 Views 2 Watching
  • 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.
  • M
    M
    minutes
    wrote on last edited by
    #1

    Hi there, is there any way (in css perhaps) to customise the position of the burger and close icon? For example, if I choose the top-right position for these, I would like to set different margin on the top and on the right, so that this matches my website margins (e.g. I have 86px at the top and 12% on the right).

    Any tips greatly appreciated! Thank you.

    1 Reply Last reply
    0
    • arminunruhA
      arminunruhA
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      yea sure just use css

      learn how to use inspector
      https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

      then learn some css

      using the inspector i can see this css is applied to the burger:

      Screenshot 2023-11-30 at 06.45.00.png

      so by looking at this you might want to try this css:

      .overlay-burger{
      top: 40px!important;
      padding-top:0!important;
      right: 10%!important;
      padding-right:0!important;
      }
      
      1 Reply Last reply
      0
      • M
        M
        minutes
        wrote on last edited by
        #3

        Thank you so much @arminunruh
        Is it possible to apply "move away when scrolling" behaviour to the overlay burger? I have this applied to the top bar and would love for the overlay burger to match. Tried looking this up through dev tools but couldn't figure it out 🙈 Thanks a lot again!

        1 Reply Last reply
        1

        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
        R
        robertobarbes
        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