Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 11, 2022 at 5:39 pm #1351416
    pixelanddots

    Hello
    I would like to change the breakpoint (especially for tablets) on my website. The menu/navigation moves to the left after a certain display width instead of switching to the hamburger menu. Can anybody help me with a solution.
    The website is: http://www.scc.ch
    Thank you.
    Bea

    May 11, 2022 at 5:58 pm #1351418
    niguli

    customize px for your need

    /* Activate burger menu */
 @media only screen and (max-width: 1224px) {
#top #header .av-main-nav > li.menu-item  {
    display: none!important;
}
#top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
}}
    May 11, 2022 at 7:13 pm #1351429
    Rikard

    Hi Bea,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Thanks @niguli for helping out :-)

    Best regards,
    Rikard

    May 11, 2022 at 7:33 pm #1351432
    pixelanddots

    That worked out great. Thank you very much.
    Best regards
    Bea

    May 12, 2022 at 6:38 am #1351467
    Ismael

    Hi,

    You’re quite welcome! Please do not hesitate to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Can't change the breakpoint for my website’ is closed to new replies.