Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 1, 2019 at 11:08 pm #1123994
    Dandelion222

    In the navigation, there is a little bar that appears beneath whatever web page you are on. To indicate the website section. Ours is really light, barely visible. I want to make it darker or red or something we can see. Is there a setting for that or do I have to use custom CSS? If custom CSS, what is the CSS definition to adjust?

    Thanks!

    August 2, 2019 at 8:20 am #1124098
    Rikard

    Hey Dandelion222,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    August 20, 2019 at 3:50 pm #1129243
    Dandelion222

    The site is in development behind a firewall. But do you really HAVE to see it? Do you not know what I am referring to? It’s pretty common to have the active page highlighted in the navigation in some way. And it’s clearly built in to the Enfold theme. I just want to know what setting to change. Are you saying you have no idea unless you look at it live?

    Can I send you a photo (of a barely visible line under a navigation item?)

    August 20, 2019 at 9:19 pm #1129342
    Victoria

    Hi Dandelion222,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    August 21, 2019 at 5:13 pm #1129639
    Dandelion222

    I’ve gone live with the site now, so you can see what is happening. I’ll add a link below. If you look closely you can see the underline. Or probably a border bottom for whatever page you are on. I don’t think we want to change the color. I think we just want to remove or hide it altogether.

    August 21, 2019 at 9:00 pm #1129733
    Victoria

    Hi Dandelion222,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
/* change color */
#top #header .av-main-nav > li.current-menu-item a .avia-menu-fx {
    background-color: red;
}
/* remove it */
#top #header .av-main-nav > li.current-menu-item a .avia-menu-fx {
    display: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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