Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 10, 2019 at 2:58 pm #1089144
    felixl

    Hello together,

    a Customer of mine has a really long Navigation-Bar.
    I want to set the Break-Point for the Burger Menu already at 1200px.
    Where can I do that?
    Tried already something, nothing works.
    The BreakPoint comes at 990px

    Thanks a lot,
    felixl

    April 10, 2019 at 8:03 pm #1089245
    michaelH

    Hi felixl

    Try the following code inside Quick CSS:

    @media only screen and (max-width:1200px){
.av-main-nav>li.menu-item-avia-special{
display:block;
}
.av-main-nav>li.menu-item{
display:none;
}
}

    Best,
    Michael

    April 11, 2019 at 11:11 am #1089507
    Rikard

    Hi felixl,

    If Michaels code doesn’t work the please try this:

    @media only screen and (max-width: 1200px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    April 13, 2019 at 6:08 pm #1090411
    felixl
    This reply has been marked as private.
    April 14, 2019 at 10:07 am #1090549
    Victoria

    Hi felixl,

    You can validate that css through a service like
    https://jigsaw.w3.org/css-validator/

    And put the code Rikard gave you on top of the Quick css.

    Best regards,
    Victoria

    April 15, 2019 at 1:52 pm #1090964
    felixl

    hello dear supporters :-)

    thanks a lot – now it´s working.
    yipehhh!

    have a great day,
    felixl

    April 16, 2019 at 12:38 am #1091147
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Breakpoint Navigation Enfold’ is closed to new replies.