Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
  • #1354266


    The main menu already has a red underline on the active page but as you can see from the image it’s really low and looks like it might be too big:


    I have searched the forums and found some code:
    `.current-menu-item .avia-menu-text {
    border-bottom: 2px solid #b35ba4;
    padding-bottom: 5px;

    This is what I am wanting to achieve but there are two issues with it:
    1) It doesn’t remove the other underline which is too low
    2) It seems to play with the sparators and the links move position between pages.

    In addition to this, I would like to ensure the “Blog” is underlined when on any of the category pages and articles which it doesn’t seem to be.

    Thanks for your help


    Hey Paul,

    Thank you for the inquiry.

    Try to replace the css with the following code.

    .avia-menu-fx {
        bottom: -1px;
        height: 3px;

    This should adjust the height of the default menu indicator. Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

    Best regards,



    I’m sorry but it doesn’t appear to have done anything at all.

    To confirm it’s not a cache issue I have disabled WP-Rocket and bypassed Cloudflare going direct to the server. I also use a test browser which clears everything upon closing it.

    Also, you indicated it just adjusts the height of it, I also requested to underline the “Blog” link when I am viewing the “Categories” or pages in the “Categories” as it currently doesn’t underline anything when on these pages.



    It seems to be working correctly on our end as shown in the screenshot below. Please make sure to purge the cache or try to check the site on incognito mode.

    Regarding the blog link, try to set the blog page as the parent page of the category pages.


    Best regards,

    • This reply was modified 2 years, 1 month ago by Yigit. Reason: Moved screenshot to private content field upon request

    Please could you remove the link in your post for anonymity?

    As for the screenshot, I’m confused…. You are showing me a screenshot of how it looks normally and what I showed you in the original post?

    I want it moving up just below the text, not right at the bottom where it’s barely visible? Sorry if I wasn’t clear enough in my original post.

    Thanks for your help.


    Never mind, i’ve worked it out and altered the position. I’m not a coder/designer so didn’t realise you were giving me general code I could play with.

    Can you tell me how I can make it around 90% wide of the link?

    For example:

    Link 1

    Link 2 which is longer

    Neither go right to the edges and are 90% wide of whatever the link size is?


    Sorry I also cannot get it to work with the parent categories set. I’ve set all categories to a child of the “Blog” page and it’s not showing up still.


    Don’t worry about the length of the underline, i’ve grown to like it as it is now.

    If you can just help me fix the blog categories/pages underlining the “Blog” menu i’ll be good :)




    Hi Paul,

    1- I have moved the screenshot in Ismael’s post into private content field :)

    2- Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    .current-page-ancestor .avia-menu-fx {
      opacity: 1;
      visibility: visible;

    Best regards,


    Hi Yigit,

    Thanks for both of those points…

    We are getting there… It’s now underlining the “Blog” link when in the “Categories” but still not when in the “Posts” within the Categories.



    Hey Paul,

    Could you please replace the CSS code I posted in my previous post to following one? :)

    .current-page-ancestor .avia-menu-fx,
    #top.single-post #menu-item-998 .avia-menu-fx {
      opacity: 1;
      visibility: visible;



    Hi Paul,

    That’s done the trick, thanks so much for the help today :)



    You are welcome! :)

    For your information, you can take a look at Enfold documentation here –

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Underline on main menu when active’ is closed to new replies.