Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    2 dash burger menu

    Feedback
    3
    3
    466
    Loading More Posts
    • 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.
    • Hayo Gebauer
      Hayo Gebauer last edited by Hayo Gebauer

      I've noticed a growing popularity for a 2 dash burger menu instead of a 3 dash.

      Maybe that's something for laytheme?

      Edit: THANKS FOR IMPLEMENTING!!

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Hi @Hayo-Gebauer

        point taken!

        We will see what we can do!

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 1
        • ?
          A Former User last edited by A Former User

          I have been checking out Cargo 2 from Cargocollective, which is also a website building tool and they support uploading custom svg icons for burger menu icons. There is also a small selection of default icons you can choose from. Maybe that would be a cool feature for the future.

          I’m using this code at the moment to change the burger menu icon. It’s probably pretty messy code but it works for now.

          /* ---------- Burger Menu Icon ---------- */
          
          .burger::after {
              content: "+";
              color: #000;
              overflow:visible;
              line-height: 1;
              height: 100%;
              margin-top: -4px;
          }
          
          .burger.active::after {
              padding-left: 1px;
              font-size: 35px;
              content: "–" !important;
          }
          
          .burger span {
              display: none;
          }
          
          .burger {
              font-weight: 400;
              position: absolute;
              top: 0px;
              right: 0px;
              overflow: visible;
          	margin: 0px;
              padding-left: 35px;
              padding-right: 20px;
              width: 45px;
              height: 45px;
              font-size: 35px;
              text-indent: 0 !important;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              box-shadow: none;
              border-radius: none;
              border: none;
              cursor: pointer;
              -webkit-transition: background 0.2s;
              transition: background 0.2s;
              background-color: transparent;
              display: flex;
              justify-content: space-around;
          }
          
          1 Reply Last reply Reply Quote 2
          • First post
            Last post

          Before you post

          Use the Search Feature. Maybe there is already a solution to your issue.

          1. Update Lay Theme and all Lay Theme Addons
          2. Disable all Plugins
          3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
          4. Now see if your problem solved itself
          5. Go here, see if your problem is listed here:
          Troubleshooting

          When you post:
          1. Post a link to where the problem is
          2. If the problem is difficult to explain, post screenshots / link to a video to explain it

          Thanks!

          Online Users

          Recent Topics

          • T

            OpenType Feature

          • T

            Split Screen just on front page / subpages without the split?

          • T

            problem when I click on the category filter buttons on mobile

          • G

            z index has different behaviors on different pages

          laytheme.com