Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 9, 2018 at 9:02 am #953758
    creativeyes

    The main menu is clashing with the logo http://dentists.theimplantexperts.com/wp-content/uploads/sites/2/2018/05/IMG_2782.png on this site http://theimplantexperts.com/, I want to make it switch to the mobile menu at smaller screen sizes before it clashes with the logo.

    May 10, 2018 at 6:36 am #954359
    Victoria

    Hey Rupert,

    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 (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special, #menu-item-search {
    display: block;
  }
   .av-burger-menu-main.menu-item-avia-special a {
     line-height: 310px !important;
   }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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