Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 15, 2020 at 5:38 pm #1213350
    Snerp

    Not sure why, but the logo is not responsive. When I view the site on an ipad the logo is covered up by the navigation links. Is there something I’m missing in the settings, or is there some CSS I can add to fix this? FYI – I have the Menu Items for Mobile set to below 990px.

    Home

    Also, for the navigation I have two buttons that are red, though when I roll over them the colour is grey (matching the global over state colour) Can I have just these 2 buttons over state colour to be white rather than grey?

    May 15, 2020 at 9:04 pm #1213448
    Victoria

    Hey Snerp,

    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

    
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special, #menu-item-search {
    display: block;
  }
}
#top #wrap_all .header_color li.av-menu-button-colored:hover > a .avia-menu-text {
    background-color: #fff;
}
#top #wrap_all .header_color li#menu-item-930 {
    margin-left: 10px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 15, 2020 at 10:12 pm #1213462
    Snerp

    Thank you that seems to be working. Any help with the roll over’s on the navigation bar?

    May 17, 2020 at 4:06 am #1213715
    Jordan Shannon

    Hi,

    To fix the rollovers, add this to quick css:

    #menu-item-929 a .avia-menu-text:hover,
#menu-item-930 a .avia-menu-text:hover,
#menu-item-929:hover a .avia-menu-text,
#menu-item-930:hover a .avia-menu-text{
color:#fff!important;
}

    Best regards,
    Jordan Shannon

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