Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 15, 2018 at 4:12 pm #957066
    Roine

    I have Burger menu on the whole site. But I want different Flyout width for flyout meny (minimal). In the desktop and iPad version, the menu should be significantly narrower and in the mobile version it will cover 70% of the screen?

    May 16, 2018 at 1:59 pm #957493
    Rikard

    Hey Roine,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    May 16, 2018 at 2:06 pm #957500
    Roine

    I have thought about this several times. I would like to have this solution on several of my customers’ sites. On my test server I have set what I want the menu in desktop mode. But this does not work at all in mobile mode.

    May 17, 2018 at 8:30 am #957997
    Nikko

    Hi Roine,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .html_av-overlay-side .av-burger-overlay-scroll {
    width: 70% !important;
  }
}

    Hope this helps.

    Best regards,
    Nikko

    May 17, 2018 at 9:18 am #958042
    Roine

    YES! Thank You!
    You guys are the best.
    Love Enfold-run a whole little business around it

    May 17, 2018 at 1:36 pm #958144
    Nikko

    Hi Roine,

    Glad that we could help and thanks for your kind words :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Different settings for Flyout width?’ is closed to new replies.