Top Bar Menu Problems

  • Hi,

    Thanks for this great theme!
    The top bar menu is causing issues on my website and I would highly appreciate your help.

    The menu works fine if the viewer navigates it being on the very top of the page.
    As soon as the viewer scrolls down the sticked menu loses its responsiveness (Lost: Current Menu item in #da975a; Hover over menu items or drop-down menu item in #da975a).

    I am using the MyStickyHeader.
    Any chance to fix this small issue with some CSS?

    (on another website, all this is working without issues Link.

    Thank you so much for looking into this, have a great day!

    Johannes

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    ?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    #mysticky-nav.wrapfixed ul li.menu-item a:hover {
    color: #da975a;
}
    Thread Starter mojohelps

    (@mojohelps)

    Hi Abhishek,

    Thanks for your reply and help!
    The code worked, much appreciated, the only problem now is that the current menu item loses its color when scrolling.

    More important is the problem that the mobile menu cannot be closed once opened.
    I didn’t manage to fix this in customize – mobile menu.

    I couldn’t find anything fitting in the forum, should I open a new topic for this or is it an easy fix?

    Thanks again for your help!
    Have a great day!

    Johannes

    Hello,

    You are most welcome and glad to hear that the previous solution worked well.
    Please try the below CSS code.

    #mysticky-nav #site-navigation-wrap .dropdown-menu >.current-menu-item >a, #mysticky-nav #site-navigation-wrap .dropdown-menu >.current-menu-ancestor >a {
    color: #da975a;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Top Bar Menu Problems’ is closed to new replies.