Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 5, 2016 at 8:30 pm #657232
    Sigmund

    Hi there,
    I have a question. I have changed the position of the menu underline (the line shown under the active menu item (and hover the other menu items) with 

    .avia-menu-fx { 
  bottom: 11px;
 }

    Is it possible to change the size (width) also and still have the line centered under the menu items? I have tried

    .avia-menu-fx { 
  bottom: 11px;
  left: 30%;
width: 40%;    
}

    but then the line is not correct under the last menu item.

    Thank you in advance.
    Best regards,

    July 5, 2016 at 8:42 pm #657239
    Jordan

    Hey Sigmund,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Jordan

    July 5, 2016 at 8:56 pm #657245
    Sigmund

    Yes, thanks.

    July 6, 2016 at 2:18 pm #657451
    Sigmund

    Add on: Is it possible that the underline changes its position in the moment when user hovers the next menu item? In other words: Now you have to underlines, the active one and the hover one. I only want one in every moment.
    Regards

    July 7, 2016 at 10:05 am #657861
    Rikard

    Hi,

    You can control each menu item individually by targeting the id of the menu item, try this for the last one: 

    #menu-item-1887.avia-menu-fx {
    bottom: 11px;
    left: 20%;
    width: 40%;
}

    Not sure what you mean by your last post though, could you try to explain a bit further please?

    Thanks,
    Rikard

    July 7, 2016 at 1:27 pm #658001
    Sigmund

    Hi Rikard,
    thats great, good to know that. Thanks.

    Fot the other point see screenshot below. There is always one underline at the active menu item and a second one when you hover an other menu item. I only want one, so the active has to disappear in the moment when you hover another item. Do you understand what I mean?
    Regards

    July 9, 2016 at 8:11 pm #658826
    Vinay

    Hi,

    It is possible to show the hover effects only on the menu item that is hovered and disable the effect on the active menu. It should also get automatically enabled when none of the menu items are hovered. We would be glad to help you with this customization, but at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support and you may have to hire a freelancer.

    However we can help you disable hover effects on menu items other than the active menu let us know if you like to disable the underline effect on hover.

    Best regards,
    Vinay

    • This reply was modified 8 years, 4 months ago by Vinay.
    July 9, 2016 at 8:29 pm #658829
    Sigmund

    Ok, thanks.
    Best regards

    July 9, 2016 at 8:38 pm #658833
    Basilis

    Hey!

    Please do let us know if we can do anything else for you, regarding our theme.
    We would be more than happy to assist.

    Cheers!
    Basilis

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Menu underline size’ is closed to new replies.