Viewing 30 posts - 1 through 30 (of 34 total)
  • Author
    Posts
  • #552482

    He,

    thank’s for all your support with Enfold!

    I’ve a tiny problem while trying to set underline (just simple not as in Enfold theme) on the main menu when the link is active. Please see the site: the first link in main menu has the underline as wanted. Somehow I don’t manage to set it to the other main menu links. Underlines in drop down menus (as they are on site) when active are ok, too.

    #552857

    Hi Saija,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .current-menu-ancestor .avia-menu-text {
        color: #8bb936 !important;
        text-decoration: underline;
    }

    Regards,
    Rikard

    • This reply was modified 8 years, 3 months ago by Rikard.
    #552867

    Thanks Rikard,

    otherwise it’s fine but now it gives underlining in all drop down menu links, too (which are not active – with the active one it’s ok to be underlined). I also left out the color setting (it made all the drop down menu links light green not only the chosen one).

    Cheers,
    Saija

    #553496

    Hi,

    Try the following instead:

    .current-menu-parent.menu-item-has-children .avia-menu-text {
        color: #8bb936 !important;
        text-decoration: underline;
    }

    If that doesn’t work either then please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    #553501

    Hi,

    it still keeps all the drop down menu links underlined.

    Saija

    #554190

    Hi,

    I’m not sure why but your menu items are missing a class they should normally have, current-menu-item, did you clone the site from local to live using the plugin you have installed? That might have caused it, could you try deleting and recreating the menu to see if that works?

    You could try this CSS before though, it might work:

    .active-parent-item .avia-menu-text {
        color: #8bb936 !important;
        text-decoration: underline;
    }

    Thanks,
    Rikard

    #563878

    Hi again,

    still working on with this issue.

    I removed and recreated main menu but unfortunately it didn’t help. I indeed cloned the site with wp-clone when moved it from demo site to the real one.

    … anything else I could try?

    Best,
    Saija

    #564357

    Hi,

    Could you please try to overwrite the theme files with a fresh copy from your Themeforest account via FTP to see if that helps? http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Thanks,
    Rikard

    #564461

    Brilliant! Now it works!

    Few more question: otherwise it works now fine but when you click one of the main menu link it’s supposed to open the first link on the left side. It opens fine the correct page but in this case it still also gives all the drop down links underlined and in light green. Also the first link on left side is not bold as it should be. All this happens only when you click the main menu link – if you click the first link in drop down menu it works fine (it’s supposed to be the same content in these pages but maybe I made it in a wrong way when I set it up? There’re actually two separate pages in WordPress now).

    Also I’d like to have the main menu link and the drop down link underlined and light green when you’re in left side links in lower level so you could easily see the path and the main link where you are. How could I do that?

    Many thanks,
    Saija

    #565189

    Hi Saija,

    I think that might be due to the code I previously gave you, could you remove it to see if that helps?

    Thanks,
    Rikard

    #565317

    Hi,

    the only added CSS code is:

    .current-menu-item .avia-menu-text {
    color: #8BB936 !important;
    text-decoration: underline;
    }

    this gives the light green and underlining for the selected drop down menu link.

    Actually I just realized that now I have lost the underlining in active main menu link. There’s only the light green color. Should be both there, too.

    Best,
    Saija

    #565702

    Hi!

    You have following custom CSS code

    span.avia-menu-fx {
        display: none !important;
    }

    Please remove it to display avia menu fx

    Regards,
    Yigit

    #565999

    Hi,

    removing the CSS you gave brought the basic Enfold underlining to the first main menu link when it’s active – not to the other main menu links when those are active. Anyway this is not what I’d like to have – what I wish is just basic underling just below the link word as it’s now with the first main menu link (Etusivu).

    Cheers,
    Saija

    #566690

    Hey!

    I see the underline on submenus and other menus as described in the post. Did you get it sorted? If not please provide us a mockup so we can help you better.

    Cheers!
    Vinay

    #567227

    Hi,

    would these screenshots clarify?

    Best,
    Saija

    #568072

    Hi!

    Please use following code

    ul.sub-menu li a:hover > .avia-menu-text,ul.nested_nav .current_page_item > a {
        color: #8BB936 !important;
        text-decoration: underline !important;
    }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    #569432

    Thanks! It worked nicely.

    There’s still this one problem (Please see the pic): When you click one of the main menu link it’s supposed to open the first link on the left side. It opens fine the correct page but in this case it still also gives all the drop down links underlined and in light green. Also the first link on left side is not green&bold&underlined as it should be. All this happens only when you click the main menu link – if you click the first link in drop down menu it works fine (it’s supposed to be the same content in these pages but maybe I made it in a wrong way when I set it up? There’re actually two separate pages in WordPress now).

    Many thanks,
    Saija

    #571206

    Hi!

    I checked your website and it seems to work totally fine, exactly as you want it. Can you confirm please?
    Please clear browser cache and hard refresh a few times.

    Cheers!
    Andy

    #571948

    Hi,

    refreshed and so on the browser but there’s still the thing :) Tried with other computer, too. I added a pic which, I hope, clarifies when this happens. You really have to click the main menu link not the drop down menu link to get it out.

    Cheers,
    Saija

    #572189

    Hi!

    this is what I get:

    View post on imgur.com

    and it still seems exactly as you wish. I don’t get which changes you want to achieve. Very confusing to me.

    Best regards,
    Andy

    #572201

    Hi, yes that pic is exactly as I wish! It also comes to me as this pic when you click the link in drop down menu. But if you click “Ajankohtaista” on top it comes (at least in our computer!) as I sent the pic earlier. I don’t understand either if it comes different way at your end??

    Best,
    Saija

    #572205

    Hey!

    this is what I get:

    View post on imgur.com

    Please tell me exactly what you want to change.

    Regards,
    Andy

    #572209

    Hi, great! That’s the problem. I add a pic where I explain the wanted changes.

    Many thanks!
    Saija

    #572286

    Hi!

    not sure if it will be possible as you want it. Try this one:

    .avia-menu-text {
    text-decoration: none !important;
    }
    #menu-item-2155 a .avia-menu-text {
    text-decoration: underline !important;
    }
    

    Cheers!
    Andy

    #572715

    Hi Andy,

    sorry being difficult… It didn’t do the trick. But somehow I lost the underlining now (in selected drop down menu link) as it was in your message January 26, 2016 at 4:22 pm.

    Also it left underlining to stay only in one drop down menu link (Ajankohtaiset asiat) even though I removed the CSS you asked to try. I got rid out of it with CSS (but maybe this will cause problems when trying to set underlining back to selected drop down menu link?):
    #menu-item-2155 a .avia-menu-text {
    text-decoration: none ! important;
    }

    Best,
    Saija

    #572803

    Hey!

    not sure what you mean. Please use a precise link instead of time and date and also please use screenshots to make things easy and clear for us.

    Though I don’t think it will be 100% possible as you want. I think what you achieved right now is the limit. You could contact a freelance developer for any further customization.

    Best regards,
    Andy

    #572836

    Hi, ok with the latest thing we tried.
    But it confused the earlier thing we did even though I removed latest CSS you gave.

    Please see the pic. I explain there the wish. I know, it was once already ok.

    Thanks,
    Saija

    #572870

    Hey!

    use this code for underlining it:

    .current-menu-item .avia-menu-text {
    text-decoration: !important;
    }
    

    I think you use it already but without !important.

    Best regards,
    Andy

    #572887

    Hi,

    thanks!

    There’s one extra underlining, please see the pic.

    It came after trying this code:
    .avia-menu-text {
    text-decoration: none !important;
    }
    #menu-item-2155 a .avia-menu-text {
    text-decoration: underline !important;
    }

    and didn’t go away even though the CSS above is not there anymore.

    Best,
    Saija

    #572899

    Hi!

    Please remove following code

    #menu-item-2155 a .avia-menu-text {
        text-decoration: underline !important;
    }

    Regards,
    Yigit

Viewing 30 posts - 1 through 30 (of 34 total)
  • The topic ‘Simple underline in main menu when active’ is closed to new replies.