Okay
  Public Ticket #2313978
Mobile menu collapses on IE browser
Closed

Comments

  • boblibob started the conversation

    Hi,

    the mobile menu collapses on IE and is just one letter wide.

    Thanks!

  •  675
    Neuron replied

    Hi,

    Can you please provide me with an URL, so I can check it.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    re-design.se

    Its on both IE 11 and Edge.
    The words are spread out with one letter on each row.

    Thanks!

  •  675
    Neuron replied

    Hi,

    Can you please provide with your wp-admin, It seems like the calculation is not being render properly. Make sure to tick private on the reply.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    Your own demo site have same issues.

    https://neuronthemes.com/bifrost/portfolio-wide-images/ does not even the images show up and the mobile menu does not show up at all. Nothing happens when you click on the burger menu.

    I have not made bigger changes to the 

    Thanks!

  •  675
    Neuron replied

    Hi,

    I am very sorry for the late reply. Since, I've found why the issue is happening, we'll be releasing a new update tonight which will include some fixes and this one.

    I will let you know, when the file is ready to be downloaded, I can show you also how you can update from WordPress dashboard.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    What happened to this?

    Thanks!

  •  675
    Neuron replied

    Hi Bolibob,

    I am sorry for the late reply, I hope you and your family are safe from this pandemic.

    It's very hard time for us to release a new update that make fixes at the IE browser. I've tested it on the Microsoft Edge. https://prnt.sc/s17dlr

    It works alright, I cannot give any exact date when the update to IE is coming, since the IE usage is quite low.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    Okay so IE11 is not used anymore?
    I’m not a windows user but I see a lot of people using IE11.

    On IE11 not much is working correctly on your theme demo pages.
    - main menu dropdown not showing
    - mobile menu does not shown up
    - portfolio thumbnails do not show up

    I still have problem on Edge with my mobile menu collapses to one letter per row.
    There is something with the width set 100%.

    Website: re-design.se

    And what is mobile menu toggle alignment in Elementor?

  •  675
    Neuron replied

    Hi,

    Actually it is important but not as much as the othersfrown.png

    Since, the usage is IE11 is less than 1% of the global stats and it is decreasing every day.

    If you check most of the modern websites already dropped the support, we try our best to make it as compatible as possible, but with the new effects and new features it is nearly impossible.

    In the beginning of Bifrost it was compatible with IE11, but in times when we added updates it's harder and harder to make it more compatible

    Believe me or not, from our 7500 customers it may be that 2 or 3 people asked about the support of IE11, clients are using it less and less.

    As for the edge, can you please highlight me with a screenshot of what is not showing correctly, and let me know the version of Edge.

    We've tested it on version: 81.0.416.62 (Official build) (64-bit).

    https://prnt.sc/s4m42f

    Everything seems alright.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    If you open Edge and go to re-design.se and make the browser window smaller until the hamburger menu appears and then open it. The menu content is spread out one letter per row.

    I can evoke the same problem on Safari if I'm not using width 100% on the mobile menu.

    This seems to be a problem with my site.

    Thanks!

  •  675
    Neuron replied

    Hi Bolibob,

    Hmm, I just installed the virtual box and I'm experiencing that issue on the menu, you're right.

    Can you please try the following Custom CSS, it will be applied only for Edge.

    @supports (-ms-ime-align:auto) {
        @media (max-width: 1176px) {
            .m-nav-menu--mobile {
                   width: 1000px;
                   left: -900px
            }
        }
    }

    Kind Regard


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    WordPress complains about the syntax.
    Can not see whats wrong or is it just to add it anyway?

    Thanks!

  •  675
    Neuron replied

    Is that so?

    Can you please highlight me with a screenshot, otherwise, try it on this way.

    @supports (-ms-ime-align:auto) {
        .m-nav-menu--mobile {
            width: 1000px;
            left: -900px
        }
    }

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    Attached first code error.
    Second one no error.

    But its no good to use pixels as it will not look good on all browser window sizes.

    Why does not width 100% work for Edge?

    The mobile menu works on Bifrost demo site but not on mine.
    Have I changed something?

    Thanks!

  •  675
    Neuron replied

    Hi,

    I am sorry for the late reply, can you please provide me with your wp-admin. I will check it quckly.

    The width 100% does not works because that is on position absolute and can't get the width correct from the parent that is position relative.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    I have not tampered with absolute or fixed.
    I have just set align to the right and some padding with custom css.

    As I can see your demo site has different code structure than the theme I have installed.
    So why is it okay on your demo site but not on the theme I bought?

    I really don't get it why its so much hassel and issues with this theme.

    Attached are screen shots of the Elementor settings for the nav menu.

    Thanks!

  •  675
    Neuron replied

    Hi,

    Other structure? There are only two header types the, default header and the template header, the template header can be customized to anything.

    There's a calculation that we use to add the width and the margin left to the menu.

    Can you please let me know two things, is the issue appearing on our demo as well?

    Can you please provide me with your wp-admin, I will check why the calculation is not working.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    Yes as I wrote the mobile/hamburger menu works on Edge for your demo site https://neuronthemes.com/bifrost/portfolio-wide-images/ but on mine thats supposed to be the same it does not work https://re-design.se

    I meant that the html markup and CSS classes seems to look different from the demo site and the theme I have.

    You can see my Elementor settings in previous post. I think I only changed the alignment and some padding with custom CSS.

    Thanks!

  •  675
    Neuron replied

    Hi,

    I am very sorry for the late reply.

    The reason why that is different layout, is because it uses a default header and not a template header, if you want on your theme, please change that to default from template in the page settings and you'll have the same structure.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    I did not make my own template. I just took the original one and made some changes I guess mostly by CSS. I have removed these CSS but still the same.

    I have to check if other big changes was made.

    What change could cause it not ot work in Edge?

    Thanks!

  •  675
    Neuron replied

    Hi,

    I am saying that the header is a default one not a template, you can switch that to template and see the issue maybe in our demo as well.

    That's because the calculation is not working properly in the Edge version of Windows, not on iMac. We've tested it only on iMac, so that's the problem.

    The solution would be that we will add a better calculation of the offset & width of mobile menu for edge in Windows, if you want to have sort it out before we release the update, please provide me with your wp-admin.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    Yes the default header works on Edge.

    Its even full width with no margins left and right.
    The imported demo template header you get margins even you select width 100%.

    But the main problem is that it collapses and the text content ends up one letter per row on Edge.
    I tried with white-space: nowrap and that made the text content correct but the whole menu ends up to the right outside the browser

    Thanks!

  •  675
    Neuron replied

    Hi,

    I am sorry for the late reply.

    That's all because of the calculation. Is the default menu working alright on the edge or not?

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    Yes I just wrote that in previous post.

    Below div is missing style="width: 1046px; left: -1004.0082101821899px;" on Edge for the template menu.

    <div class="m-nav-menu--mobile active" style="width: 1046px; left: -1004.0082101821899px;"></div>
    

    I using previous CSS with a fixed pixel width and set it not so wide so its not getting outside the browser window.

    Thanks!

  •  675
    Neuron replied

    Hi,

    I am sorry for the late reply.

    If the solutions work for the moment, please stick on that until we release the 2.1.0 Update.

    - https://prnt.sc/sedin9

    It will come real soon.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    When will this update be released?

    It was several other things I had problem with that was aslo supposed to be in next update.

    Thanks!

  •  675
    Neuron replied

    Hi,

    We have released the update 2.1.0, but for the moment, there's no time that we can include IE update for calculation as wellfrown.png

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • boblibob replied

    Okay but its not been any update available for the theme in WP.

    Thanks!

  •  675
    Neuron replied

    Hi,

    Please check the updates via this plugin.

    - https://envato.com/market-plugin/

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.