Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 23, 2015 at 1:50 am #507439
    LeonieSijtsma

    Hello,

    I’ve created a one-page-portfolio and added some quick-CSS to change the hover- and active colors of the menu. My problem is now that the menu-items refer to sections on the homepage (in content sections) and when I go to one menu-item they all change in the active color, instead of just that one. Do you know how to solve that?

    Also I’d like to give my menu-items more spacing in between; where can I change that?

    With kind regards,
    Leonie

    September 23, 2015 at 1:53 am #507441
    LeonieSijtsma

    Oh and this is the site I’m talking about:
    http://co-si.nl/nieuw/

    September 23, 2015 at 8:55 am #507539
    Rikard

    Hey,

    Could you try removing your CSS and try to edit the elements under Enfold–>Advanced styling instead? You have options there for both normal and hover behaviour.

    Thanks,
    Rikard

    September 23, 2015 at 9:51 am #507566
    LeonieSijtsma

    Hi Rikard,

    Thank you! This works great for the hover behavior. But I see no option for the active-link. I’d like the link to stay the way as it is with hover when staying on that page.
    And is there an option to adjust the spacing between the menu-items?

    Thanks!
    Leonie

    September 23, 2015 at 1:15 pm #507708
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {
color: #ffffff;
    background-color: #522d6d;
}
.av-main-nav > li > a { 
padding: 0 20px; 
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

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