Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 24, 2020 at 10:46 am #1196010
    aussiedropbear

    Hi,

    I seem to be always tweaking this site I am doing.

    When using reduced Browser screen in the site listed in PC below, the Logo sits across the Home and Products menus.

    I was wondering if there is a CSS to control this behavior to prevent this from occurring?

    Many thanks
    John

    March 24, 2020 at 5:05 pm #1196896
    Victoria

    Hey John,

    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: 1200px) {
  nav.main_menu, #menu-item-search {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    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.