Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 6, 2020 at 2:06 pm #1235724
    Dana2225

    Hello! My website is ABridgeToAchievement.com. I would be grateful for your help with a couple of menu issues.

    1) My drop-down menus are appearing too high. They start in the middle of the main menu bar rather than below the bar. How do I fix the spacing?

    2) For my pages with drop-down menus, how do I make the main menu item “unclickable” so that visitors can only click on a drop-down menu button?

    August 7, 2020 at 3:37 am #1235891
    Jordan Shannon

    Hey Dana2225,

    Add this to quick css:

    .sub-menu{
top:50px!important;
}

li.menu-item-has-children.menu-item-top-level a{
cursor:default!important;
}

    Best regards,
    Jordan Shannon

    August 7, 2020 at 4:21 pm #1236028
    Dana2225

    Hi, Jordan,
    Thanks for that code. It fixed my first request regarding the placement of the top of the drop-down menu.

    I would be grateful if you would also let me know how to do the following:

    For my pages with drop-down menus, how do I make the main menu item “unclickable” so that visitors can only click on one of the drop-down menu items/buttons/links?

    August 7, 2020 at 4:42 pm #1236039
    Jordan Shannon

    Hi,

    You can set it as custom link and not link it to anything. I’ve already removed the pointer icon in favor of the default arrow so that should work.

    Best regards,
    Jordan Shannon

    August 7, 2020 at 8:28 pm #1236121
    Dana2225

    Hi,

    I think I’ve misunderstood your suggestions. When I tried to add a custom link to the menu, the system wouldn’t let me without adding a URL.

    Help, please.

    August 9, 2020 at 4:31 am #1236268
    Rikard

    Hi,

    Thanks for the update. You can put a # in the URL field, you should be able to save it after that.

    Best regards,
    Rikard

    August 9, 2020 at 10:58 pm #1236351
    Dana2225

    That worked perfectly! Thank you! Although, it created a different issue.

    Now that the main link isn’t “clickable”, once you choose a sub-menu link, the main menu name no longer retains the white background color it gets when the visitor hovers over it. Therefore, there is no “signal” to the visitor that they are on a link under that menu item. Is there a way for the main menu name to remain a different “active” color with the changes I’ve made?

    August 12, 2020 at 7:05 pm #1237138
    fantomas11

    hi,
    I am using the newest theme to update our website under a dev. domain for testing, trying to create sub menus (drop downs) but they show way to big and can’t get them to inherit the formats from the main menu they show in a big box
    please advise on what I am missing I used this code with the sub menu CSS but did not do anything.
    .sub-menu{
    top:50px!important;
    }

    li.menu-item-has-children.menu-item-top-level a{
    cursor:default!important;
    }

    August 16, 2020 at 9:00 pm #1238273
    Mike

    Hi,
    Sorry for the late reply, and thanks for the login, I checked your main menu sub-menus and found on hover the font size was much larger, but the sub-menus are not showing in a big box for me. Please see the screenshot in Private Content area.
    If you would like to adjust the font size, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    a:hover span.avia-menu-text {
	font-size: 12px !important;
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.