Flyout menu on Mobile

Hi all,

I've read all the posts here realted to the awesome flyout menu that i have installed from here. However, i cant find the answer to a seemingly simple problem I would like to disable the flyout menu for mobile phone visitors as it is causing confusion.

My site is https://giftthings.co.uk.

I would be graetful for any Help.

Thanks,

Vijay

Things are certainly not like they should be:(

A quick fix it to comment out the display:block in the responsive_mobile.css on line 223.

Not sure what other things that will break.

Hi bltoe, thanks for your suggestion, i have tried changing this and also other things in that css mobile file. However, no matter what i change..nothing happens when checking the site on a mobile. Any more suggestions?

Working fine on my iPhone.

Hey bltoe. You must have accessed my site after i made some changes.

This is what i did and hopefully it will help other people.

I Added the folowing line for both MOBILE and TABLET sections IN /public_html/includes/templates/responsive_classic/jscript/jscript_responsive_framework.php:

$('#categoriescss').css({ 'display': 'none', 'visibility': 'hidden' });

The above is the box for the flyout menu.

Also added the following to be consistent to /public_html/includes/templates/responsive_classic/css/responsive_default.css

div#categoriescss {display:none;visibility:hidden;}

The other thing to mention is that I had clear the cache from mobile device to notice the changes..

Thanks for your help.

Should be handled in css versus having to redo javascript.

it works so can't complain!

I guess we've all been there before. Best keep copious notes. Upgrade WILL be interesting.

Agreed. Same with every plugin mod.

Just to be clear and avoid others getting into problems....

It's a common thing among new zenner "programmers" to avoid breaking the shrink wrap and just jump in the middle and continue to ride off in both directions. Most of us did that shortly after arrival at Zen Cart.

Problem is, that makes for a multitude of problems down the road. Personally, my "I can do that" quickly turned in to "Why the (*$# did I do that?"

I think others on the forum will agree that modifying a core file for something as simple as layout is just begging for trouble.

It's the nature of our society that we stand in front of a microwave and holler, "Hurry Up!"

You may not see the need for spending the time needed to find the simple (non-core) solution but, it is always time well spent.

This is neither a plug in nor a mod. It is a change in the shipped layout configuration of the cart which is controlled in the stylesheet(s).

While you are free to do whatever you please with Open Source, I just want others to know that this is not the recommended solution and it can be anything from annoying to disastrous upon upgrade.

Great. Please feel free to post a solution that works. Your first post suggested a solution which may break other things.

Unfortunately, this is another reason for not doing what you did. We can no longer adjust the stylesheet to come up with a do-all fix because we have no way of turning off the changes you made elsewhere in jscript.

I'm not trying to say what you did was completely wrong. It just makes everything harder from there on. Including our being able to accurately fix the problem.

If you undo your changes, I will be glad to take a closer look. My earlier disclaimer was simply that, like any change to a layout, it might affect other areas where that item is displayed. Sometimes the volunteers here need to focus more closely on things that make money.:P

BTW, if the menu was not standard, it would have been even more helpful to answer the posting tips and let us know. Most of the folks here are eager to help but created those posting tip questions for a reason.

I understand your concerns about an upgrade but the css flyout menu is a plugin developed over 10 years ago.

It did not incorporate responsive template changes but nevertheless it can be incorporated in V 1.57 as an extra side box and be responsive.

If the JavaScript file is referencing the side boxes, why wouldn’t you change that file to add this extra side box in? You would surely change any logical referenced file .. whether a style sheet or not.

Anyway, members may well come up with a a better method. That’s the beauty of this forum - bouncing ideas off each other.