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

    Hi,

    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:

    Underline

    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

    #1354267

    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,
    Ismael

    #1354271

    Hi,

    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.

    #1354273

    Hi,

    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.

    // https://wordpress.org/support/article/pages/#to-create-a-subpage

    Best regards,
    Ismael

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

    Hi,
    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.

    #1354278

    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?

    #1354279

    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.

    #1354280

    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 :)

    #1354319

    Hello?

    #1354402

    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,
    Yigit

    #1354409

    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.

    Thanks.

    #1354414

    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;
    }

    Cheers!
    Yigit

    #1354437

    Hi Paul,

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

    #1354445

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    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,
    Yigit

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