Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 16, 2018 at 3:40 am #942387
    kelsangchodor

    Hi,

    On this website that uses the enfold theme:

    http://www.meditationinsarasota.org the main menu items are not clickable (but if you hover over them you get a drop down menu). So I set a custom link to “##” for the top level items. Is there any way I can make it so that when the user hovers over the top menu items it doesn’t look like a clickable link (the mouse icon turns to a hand to make it look like a clickable link – this confuses users). I want these top items as unclickable static items.

    I wonder if you can help with this?
    Best wishes & thanks in advance,
    Chris Skelton.

    April 16, 2018 at 5:52 am #942426
    Rikard

    Hey kelsangchodor,

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

    nav.main_menu li > a {
  pointer-events:none;
}

nav.main_menu #menu-item-3286 a {
  pointer-events:auto;
}

    Best regards,
    Rikard

    April 16, 2018 at 6:06 am #942429
    kelsangchodor

    Hi Rikard,
    Thanks for your reply,
    I copied that code into the General Styling but it didn’t work.
    Any other ideas? I tried adding !important – but still not working.
    Thanks for any help,
    Chris Skelton

    April 16, 2018 at 5:31 pm #942671
    Jordan Shannon

    Hi,

    Try this:

    nav.main_menu li > a {
  pointer-events:none;
cursor: default
}

nav.main_menu #menu-item-3286 a {
  pointer-events:auto;
cursor: default
}

    Best regards,
    Jordan Shannon

    April 16, 2018 at 9:15 pm #942761
    kelsangchodor

    Hi Jordan,
    This works BUT – all the items underneath these main menu headings remain as the normal mouse pointer icon (as opposed to a clickable hand icon).

    So, all the menu items underneath the main heading take on the same characteristic of not showing a clickable hand icon (when of course they all clickable underneath the main heading)

    Any ideas?
    Thanks for your help – really appreciated,
    Best wishes,
    Chris.

    April 16, 2018 at 9:30 pm #942767
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .av-main-nav li.menu-item-has-children a {
    cursor: default;
}

    Best regards,
    Yigit

    April 16, 2018 at 9:57 pm #942777
    kelsangchodor

    Hi Yigit,

    No, it still isn’t working. Just to confirm this is the code I have below (using menu-item ID = 4189) – being the “About Us” drop down. I’m trying to get it so that “About Us” does not seem clickable (i.e. normal mouse pointer) but everything underneath appears normal and clickable (hand pointer icon):

    Here’s the webpage: http://www.meditationinsarasota.org

    .av-main-nav li.menu-item-has-children a {
    cursor: default;
    }

    nav.main_menu li > a {
    pointer-events:none;
    cursor: default
    }

    nav.main_menu #menu-item-4189 a {
    pointer-events:auto;
    cursor: default
    }

    April 18, 2018 at 5:44 pm #943691
    Yigit

    Hi,

    Please use only following code

    .av-main-nav li.menu-item-has-children a {
cursor: default;
}

    Best regards,
    Yigit

    April 18, 2018 at 6:32 pm #943713
    kelsangchodor

    Hi Yigit,

    Thanks so much – OK, the main menu navigation items do not look clickable now – which is great.

    However, now all the items underneath these menu headings (when you hover over them) do not display the clickable icon (the icon of a hand) even though of course they are all clickable,

    Best wishes & thanks for your help,
    Chris.

    April 18, 2018 at 6:36 pm #943717
    Jordan Shannon

    Hi,

    Add the following as well:

    ul.sub-menu a{
cursor: pointer!important;
}

    Best regards,
    Jordan Shannon

    April 18, 2018 at 6:37 pm #943718
    Yigit

    Hi Chris,

    My bad. Please change the code to following one 

    .av-main-nav li.menu-item-has-children > a {
cursor: default;
}

    Regards,
    Yigit

    April 18, 2018 at 8:58 pm #943762
    kelsangchodor

    This all seems to be working now!!!
    Thanks so much for all your help guys!
    Perfect.
    Have a great day!
    Best wishes,
    Chris.

    • This reply was modified 6 years, 8 months ago by kelsangchodor.
  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How to stop top menu items looking "clickable"’ is closed to new replies.