Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 9, 2020 at 12:06 am #1251586
    onlylettersandnumbers

    Hi Guys,

    i’m using the code below (found somewhere in the forums) to define the point where the burger menu gets activated. Works like a charme in chrome, edge and opera – but i’m having trouble with it in firefox. When resizing the window to a smaller size it switches to burger menu at an unknown point resizing the windows to a bigger size it does not switch back – when reloading it occurs i have the menu items in the logo.

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

    Any idea on this? Any help is appreciated!

    Thanks a lot.

    Cheers,
    -o.

    October 10, 2020 at 7:13 am #1251803
    Rikard

    Hey onlylettersandnumbers,

    Could you post a link to where we can see the problem in question? You can try this CSS instead to see if it works better:

    @media only screen and (max-width: 1400px) {
  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

    October 10, 2020 at 9:12 am #1251831
    onlylettersandnumbers

    Hi Rikard,

    thanks for the code. Unfortunately it shows the same behavoir – it works on chrome and opera, but not in firefox. Link and Credentials can be found in the private section. Thanks a lot.

    Cheers,
    – o.

    October 11, 2020 at 9:54 am #1252019
    Rikard

    Hi,

    Thanks for that. I’m on a 1440×900 (13″) screen, and I see the burger menu active in both Chrome and Firefox. There are no differences between the two browsers. Can this only be reproduced on larger screens by making them smaller/larger?

    Best regards,
    Rikard

    October 12, 2020 at 12:53 am #1252130
    onlylettersandnumbers

    Hi Rikard,

    okay, with your credentials i propose you change the breakpoint to something way smaller to see the effect: If the page is loaded in that size there is no problem, if the size is bigger and you resize, first it don’t change to burger menu at the specified point, when continuing to make the window smaller it changes to the burger menu (long after the menu is in the logo already) and when you make the window bigger it wont change back to the normal menu. This behavior is on firefox only – i have 4k-Monitor so its easier to check but the effect is also visible at 1920 already.

    Btw. 13″? Seriously? ;)

    Cheers,
    -o.

    October 15, 2020 at 2:41 pm #1253025
    Yigit

    Hi O,

    I can see that when adjusting window width, there is no change above or below 1400px on Firefox but it shows correctly when reloading the page. Mobile menu on 1400px and below and desktop menu above 1401px.
    I think this Firefox behaviour should not be considered as an issue since your visitors will not have any issues with menu on their devices :)

    Best regards,
    Yigit

    October 15, 2020 at 6:00 pm #1253073
    onlylettersandnumbers

    Hi Yigit,

    so, what you are actually saying is, that Firefox is not fully supported by enfold?! I tried on other websites (WordPress-Theme not enfold) and they worked.

    Cheers,
    -o.

    October 21, 2020 at 4:49 am #1254530
    Ismael

    Hi,

    It seems to work fine on Firefox Windows 10 — resizing the browser window correctly toggles or switch the menu from the default to mobile version, and vice versa. The screen resolution of the laptop is 1920x1080px.

    We did not say that the theme is not fully compatible with Firefox — it actually is, but there are certain browser feature that might be affecting the default behavior of the theme such as this one. Besides, common users usually do not check sites on a 4k resolution monitor and unless they are web developers like you are, they will probably not notice this minor issue unless they resize the browser manually, which is very unlikely.

    Best regards,
    Ismael

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