Link effect in header

  • Hello
    I need help with menu on site. Everything work fine, but I just need to add effect on URL links in menu. I need just fade in effect or similar on active url link in menu. Am I able to do it with CSS or similar way? I tryed a lot of thinks but nothing work on menu.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @jirivanek626,

    If I could get your query correctly, you’d add this simple CSS code with your adjustments to Additional CSS (under Dashboard > Appearance > Customize).

    #mainnav.mainnav a {
  transition: all 0.7s !important;
}
    
#mainnav.mainnav a:hover {
  background-color: #fff !important;
}
    Thread Starter jirivanek626

    (@jirivanek626)

    Hi Kharis and thanks for answer. I tryed many CSS codes but nothing change in header main menu. Items on menu only change color if I hit them by mouse. I wanted some effect as the item in menu hited by mouse is bigger or atc. Something, what change the active item on menu to more visible for user.
    Your code doesnt change behavior of menu (items only change color). Interesting is, if I use some plugin as Megamenu or anything like this, nothing change in effect too.
    If you look on https://klubul.cz/, which is website I made on Astra template, you can see in menu (in header) effect, which will be the best for me on your template.
    Is this kind of effect possible to make on your template? Because I didnt found the way how could I be able to do that.
    Site is in under construction because customer doesnt want to let it visible until its will be done, so if I give you the URL, you will not be able to see it.
    Any idea?

    • This reply was modified 2 years, 4 months ago by jirivanek626.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Link effect in header’ is closed to new replies.