Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 28, 2018 at 3:00 pm #934332
    666666

    Hi, below is the site link in private section. when you visit that link the menus hover effect is invisible, and active is invisible, can you guys give me a css fix to get it to the color I chose for hover and active (clicked).

    March 28, 2018 at 9:42 pm #934530
    Vinay

    Hey 666666,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    
#avia-menu .current_page_item > a > .avia-menu-text, 
#avia-menu .menu-item:hover > a > .avia-menu-text {
color:#24f;
}

#top .current-menu-item .avia-menu-text,
#top .current_page_item .avia-menu-text {
color:#24f;
}

    Best regards,
    Vinay

    March 29, 2018 at 10:50 am #934736
    666666

    Thanks Vinay :)

    March 29, 2018 at 12:37 pm #934761
    Mike

    Hi,
    Is there anything else we can assist with on this issue, or shall we close this then?

    Best regards,
    Mike

    April 4, 2018 at 2:08 pm #937164
    666666

    Yeah the same website squeezes up logo and menu collapsing each other in mobile and tablet devices. Bit of css for this new issue too?

    Thanks for earlier solution, it worked well.

    April 5, 2018 at 5:47 am #937466
    Rikard

    Hi,

    Thanks for the feedback, though I can’t see any overlapping in the header on mobile devices. If you want to activate the burger menu for tablets as well then you can try this in Quick CSS:

    @media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

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