Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #867156

    Hi,

    I’ve changed the background color of my main menu to blue, which is how I would like it to remain. Right now when I hover, the colors and font remain the same – nothing changes. I’ve tried many different things but nothing I do seems to fix this.

    Please help me with the following 2 items when I hover over the menu items,:
    1) I’d like to have the background color change to white
    2) I’d like text color to change to blue (#16208f).

    Thanks!

    #867319

    Hey Dana2225,

    Credentials did not work for me. Could you please update the credentials.

    Best regards,
    Victoria

    #867386

    Thank you for getting back to me so quickly! I’m sorry that the login info didn’t work. I reset the password and copied the new info below. I look forward to hearing from you soon! Thanks!

    #867484

    Hi,

    It’s still not working, I even tried to remove the extra space in the username. Please check.

    Best regards,
    Nikko

    #867646

    Again, my apologies! I deleted that user login and set up another. I logged in myself to be sure it was working. Please try the credentials below.

    #868285

    Hi,

    I have added this css code in Quick CSS (located in Enfold > General Styling):

    #top #header #avia-menu > li:hover > a {
        background: #fff !important;
        border: 0 !important;
    }
    
    #top #header #avia-menu > li:hover > a span.avia-menu-text {
        color: #16208f !important;
        border: 0 !important;
    }

    Let us know if you need more assistance :)

    Best regards,
    Nikko

    #868305

    That looks great! Thanks, Nikko!

    Can you please help me add a white line under the name of the tab that is currently open so people know where they are on the site? I believe there is a checkbox somewhere in styling that needs to be checked or unchecked to make this happen, but I can’t find it.

    Also, my Resources tab is a mega menu. Is there a way to “block” people from clicking on “Resources” and only allow them to click on one of the sub-menu items?

    Thanks!

    #868529

    Hi,

    Try adding this css code in Quick CSS:

    #avia-menu li.current-menu-item {
        border-bottom: 2px solid #fff;
    }

    As for the resources tab, you can change the url or link to this value: #

    Hope this helps :)

    Best regards,
    Nikko

    #868544

    The CSS for the line worked. Thank you!

    I don’t understand what you mean by changing ” the URL or link to this value: #”. I tried changing the permalink from “resources” to “#”, but when I saved the new “#: link, it automatically changed to “1914-2”. Afterwards, when I clicked on “Resources”, it still opened the Resources page. I’d appreciate more guidance, please.

    #868545

    Would it be possible to have the line on the open tab appear like underlining the word/name of the tab instead of having it be part of the border? On areas that have white backgrounds, the line on the border isn’t really visible.
    Thanks!

    #868713

    Hi,

    I apologize for that, what I meant was in the WordPress Dashboard, go to Appearance > Menus > (then select) Main Menu. Click on Custom Links (on the left side) and use these values for the fields mentioned:
    URL: #
    Link Text: Resources

    Then click on the Add to Menu button, then replace the Resources menu tab you have.

    And yes, we can use underline at the bottom, do you want to use same blue color for the underline?

    Best regards,
    Nikko

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