Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #824026

    Hi, I used the code that you guys gave a while back but for some reason the green menu line does not display on the active main menu item or on hover.

    Below is the code you guys gave.

    Can you help?

    #top .current-menu-item > a .avia-menu-text {
    padding: 10px 13px;
    border-bottom: 2px solid #66b700 !important;
    }

    #824385

    Hey NetphoriaInc,

    Can you try adding this css code:

    .av_minimal_header .avia-menu-fx {
      display: block !important;
    }

    Flushing out cache might be needed. Hope this helps :)

    Best regards,
    Nikko

    #835371

    Hi Nikko –

    I was having the exact same issue as NetphoriaInc, and put in the code you suggested in the General Styling > Quick CSS area.

    Unfortunately, this did not fix the issue for me :-(. Can you advise?

    R

    #835411

    Added wrong login info. Correct version is in private area.

    Thanks,
    R

    #835496

    Hi,

    Try to add this custom code:

    
    
    .menu a:hover {
      border-bottom: 2px solid green;
    }
    
    .current-menu-item a {
      border-bottom: 2px solid green;
    }
    

    Best regards,
    John Torvik

    #835504

    Hi John –

    Progress! Yes, this did work, however, I want to use a hex color. Is that possible? For example #ff876c.

    I put this in just to try it, but didn’t work. Do I need to use a different syntax – or is this just not supported?

    Thanks,

    R

    #835552

    Hi,

    You can replace the code by this:

    
    .menu a:hover {
      border-bottom: 2px solid #ff876c;
    }
    
    .current-menu-item a {
      border-bottom: 2px solid #ff876c;
    }
    

    Best regards,
    John Torvik

    #835560

    Great. That worked. Thanks!

    #835743

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.