Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 28, 2022 at 4:12 pm #1366740
    Marcos Q.

    Hello, I need to modify the breakpoint from which the burger menu is visible. Currently it appears to be set to 990px and I need to customize it to 1270px.

    I’ve been able to locate another post talking about it, but it seems to be outdated.

    September 28, 2022 at 5:41 pm #1366759
    Mike

    Hey Marcos Q.,

    Thanks for your question, please try this css:

    @media only screen and (max-width: 1270px) {
  #top #header .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header .av-burger-menu-main {
      cursor: pointer;
      display: block!important;
  }
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 28, 2022 at 7:21 pm #1366776
    Marcos Q.

    Thank you Mike. Works fine now.

    September 28, 2022 at 7:44 pm #1366778
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Break point for burger menu.’ is closed to new replies.