Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 5, 2019 at 3:43 pm #1087495
    allyson3

    Hey Enfold Team,

    1) When I reduce the width of my screen, the main menu overlaps the logo on the left. How can I fix that?

    2) How can I change the color of the main menu items when clicked?

    April 7, 2019 at 9:11 am #1087895
    Rikard

    Hey allyson3,

    1. Please try this in Quick CSS:

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

    2. You can set that under Enfold->Advanced Styling.

    Best regards,
    Rikard

    • This reply was modified 5 years, 8 months ago by Rikard.
    April 7, 2019 at 6:02 pm #1088016
    allyson3

    Thanks so much Rikard,

    The CSS worked perfectly!

    I have set the main menu to a dark grey, and it turns rust when hovered over… but I want the menu item to remain rust when clicked to indicate which page they are viewing. How can I do that?

    April 8, 2019 at 4:01 pm #1088358
    Jordan Shannon

    Hi,

    Add this to quick css:

    .current_page_item a .avia-menu-text{
color:#a64e06!important;
}

    Best regards,
    Jordan Shannon

    April 8, 2019 at 4:19 pm #1088375
    allyson3

    Thank you so much Jordan! Works perfect!

    April 9, 2019 at 8:10 am #1088575
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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