Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • 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. How can I hide the active menu link from the menu on mobile?

How can I hide the active menu link from the menu on mobile?

Scheduled Pinned Locked Moved General Discussion
7 Posts 3 Posters 1.3k 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.
  • P Offline
    P Offline
    prazzo101
    wrote on Sep 21, 2018, 3:46 PM last edited by
    #1

    Hello, I would like to hide the link for the active site from the burger menu. How can I do this?

    Thank you!

    1 Reply Last reply
    0
    • M Offline
      M Offline
      mariusjopen
      Global Moderator
      wrote on Sep 24, 2018, 3:10 PM last edited by
      #2

      Dear @piero101
      have a look here:

      .mobile-nav .current-menu-item {
          display: none !important;
      }
      

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      2
      • P Offline
        P Offline
        prazzo101
        wrote on Sep 24, 2018, 3:21 PM last edited by
        #3

        Thank you! You guys rock! :)

        1 Reply Last reply
        1
        • M Offline
          M Offline
          marcelgross
          wrote on Feb 18, 2019, 8:55 PM last edited by
          #4

          @mariusjopen
          I tried to use the same classes to change the color of the current-menu-item, but somehow it doesn't show an effect. I first tried your code with display:none and it worked, but as soon as I change it to color: it wouldn't work.

          .mobile-nav .current-menu-item {
              color: #ff494f !important;
          }
          

          Do you know, what I could have forgotten? Or is the color defined somewhere else?
          Thx

          1 Reply Last reply
          0
          • M Offline
            M Offline
            mariusjopen
            Global Moderator
            wrote on Feb 20, 2019, 12:30 PM last edited by
            #5

            Dear @marcelgross
            inspect the CSS. You can see that there is a span element inside it. You need to give a colour to that element.

            Best!

            Marius

            www.mariusjopen.world

            M 1 Reply Last reply Feb 24, 2019, 8:52 PM
            0
            • M mariusjopen
              Feb 20, 2019, 12:30 PM

              Dear @marcelgross
              inspect the CSS. You can see that there is a span element inside it. You need to give a colour to that element.

              Best!

              Marius

              M Offline
              M Offline
              marcelgross
              wrote on Feb 24, 2019, 8:52 PM last edited by
              #6

              @mariusjopen Thanks! I should have got this on my own... beginners fault. But I'm very happy about your perfect support even with this little details!

              1 Reply Last reply
              0
              • M Offline
                M Offline
                mariusjopen
                Global Moderator
                wrote on Feb 25, 2019, 1:54 PM last edited by
                #7

                Dear @marcelgross
                ah, thank you :-) Very happy to hear!

                Thank you for using LayTheme!

                Best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                I also code custom websites or custom Lay features.
                💿 Email me here: 💿
                info@laytheme.com

                Before you post:
                1. When using a WordPress Cache plugin, disable it or clear your cache.
                2. Update Lay Theme and all Lay Theme Addons
                3. Disable all Plugins
                4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                This often solves issues you might run into

                When you post:
                1. Post a link to where the problem is
                2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                Online Users
                E
                eplateau
                23 minutes ago
                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