Top Menu

  • Resolved azeemhaqwp

    (@azeemhaqwp)


    8 years, 2 months ago

    Hi there,

    As soon as I centralized the menu on top, the drop down arrow disappear from one of the tabs (Menu tab). Second, on hover the dropdown used to open and collapse automatically. But now this is also not working. Third, on hover I was able to change the background color but the font-color is not changing. I was on internet and used your guided coded and added in my CSS. The code that I used to centralize the menu is;

    @media (min-width: 768px) {
    .navbar-default .navbar-nav {
    width: 100%;
    text-align: center;
    }
    .navbar-nav > li {
    float: none;
    display: inline-block;
    }
    }
    .navbar-nav > li:hover {
    background: #eee;
    color: white;
    }

    Kindly advise. Thx.

    • This topic was modified 8 years, 2 months ago by azeemhaqwp.
Viewing 5 replies - 1 through 5 (of 5 total)
  • siniplyrathemes

    (@siniplyrathemes)

    8 years, 2 months ago

    Hi @azeemhaqwp.

    I’m not quite sure what you’re referring to when you say “centralized”.
    The Main menu of Kale theme is centred by default and shouldn’t need any additional CSS to make it centred.

    If you want to change the font colour of the Main menu, please add this to Customize -> Additional CSS

    .navbar-default .navbar-nav > li > a {
	color: red;
}

    For anything else, please post your website URL, because, without it, it would be quite hard to give you exact advice. That applies to your second question as well.

    Kind regards.

    Thread Starter azeemhaqwp

    (@azeemhaqwp)

    8 years, 2 months ago

    Hi Sinilyrathemes,

    Please guide me why the drop-down menu is not opening and collapsing on hover automatically. When I downloaded the theme it had left-aligned navigation menu. I had to CSS code it to make it center. Here is the link:
    http://www.kairalivillagerestaurant.ca/site/

    Thx.

    siniplyrathemes

    (@siniplyrathemes)

    8 years, 2 months ago

    Thanks for the URL, @azeemhaqwp.

    I can assure you that the Kale theme you can download from WordPress comes with the centred Main menu. That might get affected by some plugin you could have added to the initial installation.

    Now, the issue with the menu is caused by some JavaScript that loads along with the page. Since you have quite a lot of plugins added, those load quite a lot of individual JavaScripts.

    The first thing you should do is to temporarily disable ALL of the plugins and see if the menu comes back to normal. If it does, start enabling plugins one by one while reloading the page until the issue with the Main menu happens again.
    Then you’ll know which plugin is causing it.

    Please let me know how it goes and if you manage to find out the cause.

    Kind regards.

    Thread Starter azeemhaqwp

    (@azeemhaqwp)

    8 years, 2 months ago

    Hi Siniplyrathemes,

    I have deactivated all plugins and is still not showing the dropdown menu and the arrow. It is also not working on hovering.

    (p.s. what’s happening here is that when the page loads initially, it shows the dropdown arrow for a microsecond and then disappears. I have deactivated all plugins for now so you can have a look. Please advice!)
    http://www.kairalivillagerestaurant.ca/site/

    Thank you for all your support.

    Regards.
    AZEEM

    siniplyrathemes

    (@siniplyrathemes)

    8 years, 2 months ago

    Sorry to hear that @azeemhaqwp.

    Since I’m not allowed to ask for your website login credentials here, please go to https://www.lyrathemes.com/support/ and open a new support ticket.

    Someone will pick it up from there.

    Kind regards

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

The topic ‘Top Menu’ is closed to new replies.