Repsonsive Menu Falling Behind Slider

Hi there

I have a couple of questions which I hope you can help with...

1. I have nearly completed a site and just noticed that when in responsive mode (and the mobile menu appears) the menu drop down falls behind the thumbnails of the revolution slider and you cant select certain menu items. You can see this here dev.vistamobile.net/upa. 

2. Also when using Firefox on a standard size monitor the mobile menu appears rather than the normal menu, is there a fix to this?

Thank You 

Comments

  • Hey,

    1. You have old theme version. It was fixed in one of latest updates so please update theme and all will be fine.

    2. Probably you check website on small resolution and that`s why you see responsive menu instead. If you want to change those values, please take a look at http://forum.muffingroup.com/betheme/discussion/29/responsive-toggle-value
  • Hi there, 

    Thank you for your reply although I have just uploaded a new version of the theme and the issue withe menu dropping behind the thumbnail of the slider is still happening! Please can you take a look at this issue for me.

    Many thanks 

    Ricky 
  • Yes, we checked it already and we noticed that this part of css is missing. This will be fixed with update today.

    Thanks for your patience!
  • edited October 2014
    OK thank you but also another point i noticed - the mega menu does not appear when I view the site on a 13" screen in firefox

  • This is small screen and that`s why it does not show. If you want to show regular men instead of responsive on smaller screens you should have a look at http://forum.muffingroup.com/betheme/discussion/29/responsive-toggle-value
  • edited October 2014
    So to clarify my comment above - this is very frustrating, I have followed your link above to change the mobile menu visability on small desktop screens and this works but the mega menu does not then work. I therefore reset the css file back to default. The issue with this is that when you have a large number of items in a mega menu (which is the point of the mega menu often) and this is viewed on a mobile menu the submenu list runs a long way down the screen hence the reason I dont want a mobile menu to appear on small desktop screens. 

    The issue here is really using the firefox browser as when I open the site in either Safari or Chrome on the small desktop screen the normal menu appears. It is only when viewing in Firefox on a small screen the mobile menu appears. 

    It would be great if there was a fix so that the mobile menu does not appear in firefox on a small desktop screen and in such a way that the mega menu shows. In fact I did notice that when viewing http://themes.muffingroup.com/betheme/home on the same small screen the mobile menu did not appear? Is there someway you customised this - it seems like the header menu width is wider?

    Any help to find a work around would be most appreciated.

    Thanks  
  • So if you are not able to do it with topic above (where we explained everything and this is the only solution that we have at this moment) and there is still an issue in your case, we are not able to suggest anything else. We`ll think about it while future updates but at this moment we have tons of other stuff in queue that must be done first. So this thing must wait. Sorry but we are not able to add all options at once.

    Thanks for understanding!
  • Hi there, 

    Again sorry I think maybe there is some misunderstanding... 

    I have followed the instructions here http://forum.muffingroup.com/betheme/discussion/29/responsive-toggle-value and can successfully change the menu so that it appears on small screens. The issue is when I do this the megamenu does not show. 

    I would really like to know how you created the page http://themes.muffingroup.com/betheme/home so that the full menu appears on small screens (in firefox and IE) and the megamenu works. Did you customise the CSS file when creating this page? 

    I realise that this is not a priority update for you but it just seems that a solution does exist as it works on http://themes.muffingroup.com/betheme/home

    Thanks

  • No, we did not used any custom css. This is included into default theme version. If you will send us url to your website where this won`t work, we`ll have a look on it as we have no idea what could be the problem in your case.
  • Hi and thank you the url is http://dev.vistamobile.net/upa/ - I have tried different header styles but whichever I choose I still get the mobile menu on a small desktop screen when using firefox or IE browsers. Again in Chrome on the small screen it is fine. 

    Also has the CSS been fixed on the new theme release which was causing the menu to drop behind the revolution slider thumbnails?

  • Update to the above - I have just uploaded the new theme release and it seems like the issue with the menu falling behind the slider still exists.
  • Re above would it also be useful if I gave you my WP login details so you can take a look? If so do I just paste them here in this comments box or do I need to PM them to you? 
  • As we see, you have lot`s of html errors in the code and maybe this is the the problem. Please open your website in Firefox html mode (CTRL+U) and errors you got. Please fix them first and all should be fine.

    BTW We have resized window to smaller one and as we see mega menu works fine. Please maybe make necessary changes from topic above like you did last time and let us know when this will be ready and we`ll have a look on mega menu then. Because at this moment we don`t see anything wrong except html errors.
Sign In or Register to comment.