• Resolved Spork_Jones

    (@spork_jones)


    Hi,

    I’ve been tasked with redoing my company’s website and so far have been able to find answers to the majority of the issues I’ve faced. Before I get into the issue I’m having, it is important to know that I do not have access to any of the CSS files for Enigma theme nor am I able to create a child theme. I do have a custom CSS plugin installed, though. Additionally, I am unable to post a link to the site as the site has not been made live yet.

    On to my issue:

    Originally, the menu items were black text with a white background and then would turn blue when hovered over. There are only three menu choices at this time and a few days ago, the first and third buttons loaded with a blue background that does not change when hovered over and the center button remains white with black text until the mouse passes over and then turns blue. To my knowledge, I have not made any changes other than to hide the side bar and the page menu that was at the bottom of the page.

    I would like for all menu items to be white and then turn blue when hovered over. I’ve searched for what seems like a couple days now to resolve this but have been unsuccessful so far.

    Any help is appreciated!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter Spork_Jones

    (@spork_jones)

    I’m sure I could provide temporary access to you, if you could direct me how to do so. It’s been several years since my last time using wordpress on a regular basis.

    Hi,

    Let me explain how menu works.

    On hover and active menu item show blue background.

    If you get 2 menu active, then one menu is custom home page link and another menu item is the page that you set as front page.

    On homepage both menu items are active, they shown as active.

    Now let me know how you want to customize menu.

    Please attach screen-shot, if you menu shows different behavior.

    Thanks.

    Thread Starter Spork_Jones

    (@spork_jones)

    @weblizar_support:

    Link is below. In the menu, you can see the 1st and third menu items are blue and the center menu item is white. When I originally downloaded this theme, they were all white unless hovered over with the cursor. I would like for them to be as originally styled and I’m not sure what caused the change to happen.

    https://www.dropbox.com/s/8dqfzav3kcc13x6/menu.jpg?dl=0

    Hi..

    Please go to Admin Dashboard >> Appearance >> Theme Options.

    Now copy below css code into custom css editor.

    .navbar-default .navbar-nav > .active > a
    {
    background-color:COLOR-CODE !important;
    }
    #header_shadow {
        background: none !important;
    }

    Here COLOR-CODE is replaced by your color code.

    Save the changes.

    Thanks.

    Thread Starter Spork_Jones

    (@spork_jones)

    That worked, except now there is a grey shadow on the left and bottom sides of both menu items that were previously blue and the text is also white, making it invisible. I would need the text to be black like the center menu item in the image from my previous post and for all three menu buttons to turn blue when the mouse hovers over them. Image in link below:

    https://www.dropbox.com/s/072qyo7ca5qhkl7/Screenshot%202016-01-22%2009.49.18.png?dl=0

    In the next link, I’ve clicked on the second menu item. This is how I would like these to remain. With that code snippet, the center menu button looks like the first and third in the previous link.

    https://www.dropbox.com/s/uwpdlqhfy4bd48s/Screenshot%202016-01-22%2009.55.57.png?dl=0

    The following link is how the menu items looked when I originally installed the themes and what I’m trying to get them back to.

    https://www.dropbox.com/s/1gs36an10zd08ek/screenshot.png?dl=0

    Hi..

    Please copy below css code into custom css editor.

    .navigation_menu .navbar-default .navbar-nav .active a, .navigation_menu .navbar-default .navbar-nav .active a:hover, .navigation_menu .navbar-default .navbar-nav .active a:focus , .navbar-default .navbar-nav li a:hover{
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
       box-shadow: none !important;
    }
    .navigation_menu .navbar-default .navbar-nav .active a{
      background: #fff !important;
      color: #000 !important;
    }
    .navigation_menu .navbar-default .navbar-nav .active a:hover {
    background-color: #fff !important;
    color: #000 !important;
    }

    Save the changes.

    Thanks.

    Thread Starter Spork_Jones

    (@spork_jones)

    That worked. Thank you!

    Most Welcome.

    Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Menu Changes’ is closed to new replies.