Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 10, 2018 at 5:38 pm #910577
    MadRhino

    Hi there,

    I have thought about implementing the mobil menu on a screen sizes for a while now and wanted to get back to this. I have seen that many other users had questions about this, too, and that you supplied some custom codes, which didn’t work for me.

    I’m working with a stretched/responsive layout and my max container width is 1,310px.

    As always, I’d appreciate any pointers you maybe able to provide.

    Best,

    February 12, 2018 at 5:33 am #910898
    Rikard

    Hey MadRhino,

    To what pixel size do you want to change the breakpoint? You can try this CSS out and change the 1024 value to that of your choice:

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

    Please post a link to the site in question if you should need any further help on the topic.

    Best regards,
    Rikard

    February 12, 2018 at 9:32 am #910960
    MadRhino

    Thank you Rikard, but no luck. Like I said, I have tried most solutions that can be found in the forum. It’s either my main menu disappears altogether or there’s no change at all.

    Many thanks for looking into this. Please see my site below

    Karl

    February 12, 2018 at 11:36 am #911033
    Victoria

    Hi Karl,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? So you want the burger below 1310px, correct?

    Best regards,
    Victoria

    February 12, 2018 at 1:57 pm #911101
    MadRhino
    This reply has been marked as private.
    February 13, 2018 at 4:35 am #911484
    Rikard

    Hi,

    Thanks for the login details. I added the CSS I sent previously to Quick CSS and it’s working as it should, please review your site. If that is not what you are looking for then please try to explain a bit further.

    Best regards,
    Rikard

    February 13, 2018 at 11:19 am #911617
    MadRhino

    Thanks Rikard, I can see that you copied and pasted your CSS code into the Quick CSS section, but it doesn’t have any effect. I’m on a Mac and on neither Chrome, Safari or Firefox is the new menu visible? Sending you a link to a screenshot below.

    Any thoughts? Thanks for looking into this again.

    February 14, 2018 at 2:06 am #912027
    Ismael

    Hi,

    Do you want to display the mobile menu icon instead of the default menu? Set the Enfold > Main Menu > Menu Items for Desktop settings to the second option.

    Best regards,
    Ismael

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