Looking for help regarding .current-menu-item

  • Hello everyone. I’m using Blaskan version 2.6.6 for my WordPress site. I’ve created a child directory and successfully uploaded the style.css and php files. Most of my homepage items are changed, but I’m having problems with the dynamic menu item (in other words if you are on the homepage the menu button would display a different background color).

    The CSS coding looks like this:
    #nav .menu > ul > .current_menu_item > a,
    #nav .menu > ul > .current_page_item > a,
    #nav .menu > ul > .current_menu_item > a,hover,
    #nav .menu > ul > .current_page_item > a,hover,
    #nav .menu > ul > .current_menu_item > a,hover,
    #nav .menu > ul > .current_page_item > a,focus,
    #nav .menu > ul > .current_page_ancestor > a{
    background-color: 005692;
    }

    I’ve also tried to change other li elements but nothing seems to work. Thoughts?

    Live site is mattknopoff.com

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

  • Hey there gocubs00,

    Hope you’re well today!

    I’ve checked your site and I can’t see the issue you’re referring to. Maybe it is just a caching issue, can you try to clear browser cache and then check for changes?

    Hope this helps ??

    Best regards,
    Bojan

    Thread Starter gocubs00

    (@gocubs00)

    Hi Bojan, I tried clearing the cache. Right now you’re able to roll-over each menu button and it changes to a white background. When its clicked, I want it to change to a sky blue. The code I provided is the only spot I can see where I can change this.

    I do have three sections that have this:
    #nav a:focus,
    #nav a:hover {
    background-color: #FFFFFF;
    }

    Maybe only one section needs FFFFFF and the other two change to #005692?

    Where did you get the original CSS from? When I inspect your site, I don’t see any classes in the code which indicates an active or current menu item. For example, when I’m on the About page, and I inspect the About li menu item, I see the classes as:

    menu-item
    menu-item-type-custom
    menu-item-object-custom
    menu-item-6

    All of the other menu items have the same classes (except for the menu item number), there’s nothing that distinguishes the current menu item from the others.

    Thread Starter gocubs00

    (@gocubs00)

    The CSS came from the blaskan coding within the theme folder. All of the classes are within that original style.css document. There has to be a way for me to modify the original coding to create the dynamic effect without worrying about missing or non existent coding from other pages.

    Are you using a menu plugin of some kind or did you modify any of the theme files? I just installed Blaskan on my test site, and I see many more classes in my menu items, including current_page_item and current-menu-item.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Looking for help regarding .current-menu-item’ is closed to new replies.