I have the usual menu overlap issue. Tired everything to make the slide-out menu appear between 768px and 989px but no combination of CSS fixes or adjustments to avia.js will fix it.

All I have is overlap which looks bad. I cannot shrink the menu down any more than I have so is anyone able to give me a definitive fix for showing the small box icon between these pixel ranges instead of an overlapped menu?

Spent three hours trying to fix this and will have to abandon the theme if I cannot fix this :(

Unfortunately that has done nothing :( thankyou very much for your suggestions…

Added the CSS to custom.css – no change. Shrunk the logo png to 200px x 67px – no change… I wonder if I need to re-install the theme again… I have no change to anything except the logo is a bit smaller.

As soon as I shrink the browser to 989px the menu still overlaps and stays that way until 767px… Really am losing the will to live… The Enfold Demo is perfect between these values and there’s just as much space taken up with menu items from what I see… Why can’t mine be the same? It should be!

Thanks again for your help; any further suggestions are welcome if you have time :)

Thanks for the advice; W3TC is deactivated and all caches were flushed beforehand (and indeed after every change anyway – including short life header expires).

The link is live now with a deactivated plugin and a browser cache clear. Still the same problem. In fact the logo just got massive on IE10… another problem to be dealt with.

The code from Ismael moves the logo but the menu remains no matter what and still the responsive box fails to appear. I have even copied the entire custom CSS file of Kreisi’s demo to see if I can find something in there but I cannot so this is causing me a huge problem; is there anything you can suggest my friend? Thanks in advance. This may cause me to abandon the theme as 45% of my traffic is on an iPad so I ave to get this right before I continue. The demo does it so a fresh install should too. I’m beginning to feel disappointed…

I’ve used the code in the post you mentioned (thankyou) but raised the numbers to 980 on both values. Right or wrong it would seem that I may now have a square fly-out menu icon when the iPad is rotated.