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. Highlight current page in menu and stay highlight when not hovering over it

Highlight current page in menu and stay highlight when not hovering over it

Scheduled Pinned Locked Moved General Discussion
navigationmenumouseovercolor
6 Posts 2 Posters 510 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.
  • cactusauvageC Offline
    cactusauvageC Offline
    cactusauvage
    wrote on last edited by cactusauvage
    #1

    Bonjour !

    I am trying to change the color of my main menu when the mouse points to it. The goal is that the color remains active during navigation. I did not manage to find the solution in the menu appearance /personalize/menu style/ menu point mouseover, underline is th only proposition here
    Big thanks in advance !
    here an exemple :

    0_1544111762314_Sans titrelay.jpg

    cactusauvageC 1 Reply Last reply
    0
    • cactusauvageC cactusauvage

      Bonjour !

      I am trying to change the color of my main menu when the mouse points to it. The goal is that the color remains active during navigation. I did not manage to find the solution in the menu appearance /personalize/menu style/ menu point mouseover, underline is th only proposition here
      Big thanks in advance !
      here an exemple :

      0_1544111762314_Sans titrelay.jpg

      cactusauvageC Offline
      cactusauvageC Offline
      cactusauvage
      wrote on last edited by
      #2
      This post is deleted!
      1 Reply Last reply
      0
      • cactusauvageC Offline
        cactusauvageC Offline
        cactusauvage
        wrote on last edited by
        #3

        Hello @mariusjopen !

        I've try this line of code in the custom css&htlm and it's working :

        a:focus {
        background-color: blue;
        }

        But I d'ont know if it's gonna affect te hole pages !
        Sorry Im' not really good about CSS and HTLM ^^
        Here my website : https://www.mariafernandes.fr/

        Thank you very much for your help !
        Maria.

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

          Dear @cactusauvage
          try to add this to your CUSTOM CSS:

          .current-menu-item a {
              background: yellow;
          }
          

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          • cactusauvageC Offline
            cactusauvageC Offline
            cactusauvage
            wrote on last edited by
            #5

            @mariusjopen it's perfectly working !!

            Thank you for your quick answer ! I wish you a lovely day :)

            Maria.

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

              Cool! Happy to hear!

              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
              A
              antonia_viola
              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