Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 18, 2023 at 3:48 pm #1407849
    cinchmedia

    How did I switch up the breakpoint for the Left Sidebar to move to the top with the burger menu on tablet as it does with mobile? I tried to adjust Main Menu > General > Menu Items for Mobile > Activate for Smartphones and Tablets, but that did not work.

    May 19, 2023 at 5:28 am #1407912
    Ismael

    Hey Beth,

    Thank you for the inquiry.

    You can add following css code to adjust the breakpoint of the header or left sidebar for tablet view. 

    

@media only screen and (max-width: 1024px) {

  /* Add your Tablet Styles here */
  .responsive #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
  }

  .responsive #top #main {
    padding-top: 0 !important;
    margin: 0;
  }

  .responsive #top .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }

  .responsive.html_header_sidebar #header .av-main-nav>li {
    margin: 0 10%;
  }

  .responsive #top #wrap_all .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css modification.

    Best regards,
    Ismael

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