Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 6, 2022 at 1:01 am #1354266
    Paul

    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

    June 6, 2022 at 4:22 am #1354267
    Ismael

    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

    June 6, 2022 at 4:49 am #1354271
    Paul

    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.

    June 6, 2022 at 5:06 am #1354273
    Ismael

    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, 6 months ago by Yigit. Reason: Moved screenshot to private content field upon request
    June 6, 2022 at 5:19 am #1354277
    Paul

    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.

    June 6, 2022 at 5:25 am #1354278
    Paul

    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?

    June 6, 2022 at 5:47 am #1354279
    Paul

    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.

    June 6, 2022 at 7:41 am #1354280
    Paul

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

    June 6, 2022 at 6:53 pm #1354319
    Paul

    Hello?

    June 7, 2022 at 3:06 pm #1354402
    Yigit

    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

    June 7, 2022 at 3:25 pm #1354409
    Paul

    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.

    June 7, 2022 at 3:41 pm #1354414
    Yigit

    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

    June 7, 2022 at 6:28 pm #1354437
    Paul

    Hi Paul,

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

    June 7, 2022 at 9:29 pm #1354445
    Yigit

    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

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