Support » Plugin: WP Mobile Menu - The Mobile-Friendly Responsive Menu » The menu does NOT open on some pages or posts

  • Resolved atutrabajo

    (@atutrabajo)


    Hello. I swear that before contacting them I tried everything.
    Why? Simple. Because I see that… For more than 3 years NOBODY writes to you!
    This can only mean one of 2 things:
    1) Or they are deleting the most recent queries/comments.
    2) They have had NO complaints/claims for +3 years
    And – honestly – I want to believe it’s the latter, heh!
    Having said that…

    My problem is the following (which, as I mentioned) I could NOT solve despite trying EVERYTHING.
    - I have installed your plugin a while ago
    - Until now it worked perfectly. But...
    - I don't know since when, you experience the following inconvenience...
    a) On my main page (stage9.atutrabajo.org) it works PERFECT.
    b) On this page (stage9.atutrabajo.org/curriculum-vitae/) it does NOT open and when I click on the icon, instead of opening, the link turns into this; stage9.atutrabajo.org/curriculum-vitae/#
    That is, it adds the numeral to the end, as if it were trying to open an empty link.
    c) The same as in b) happens to me on the next page...
    - stage9.atutrabajo.org/search-job/
    However, it works perfectly (it opens and closes as it should)...
    In this; stage9.atutrabajo.org/intervista-de-job/
     And/or in this Entry...
    stage9.atutrabajo.org/curriculum-vitae/europass-o-curriculum-europeo/
    Which is extremely rare...
    ALL Pages/Posts have SIMILAR structures!
    It's more. If you notice, my main page is the only one built with Elementor.
    The rest of the pages/posts are being "assembled" on top of the WordPress Classic Editor.
    But, worst of all, this "behavior" has been taking place recently.
    In fact, I discovered it by "chance" checking other things because, if you realize, the site is mounted on a subdomain, well, I'm redesigning the site.
    Returning to what I tried everything, I explain:
    - I know it has to do with the cache in general and W3TC in particular, because when I disable it, the menus work on ALL pages/entries (Even the 2 I mentioned as "problematic").
    - I have an additional CSS such that...
    

    .mob-menu-header-holder.mobmenu{
    top: 55%;
    left: 85%;
    width: 50px;
    height: 40px;
    background-color: transparent;
    }

    .mob-icon-menu.mob-menu-icon{
    background-color: #00A6A4;
    border-radius: 1500px;
    color: #81E0E4;
    border-style: none;
    height: 65px;
    width: 65px;
    padding-left: 11px;
    padding-top: 18px;
    box-shadow: 1px 3px 4px #999;
    }`

    Which, until now, worked for me EVERYWHERE.
    In fact, the "logic" indicates that, if it were a "mine" problem, it should NOT work anywhere, don't you think?
    Finally, and going back to trying everything...
    - For example, when I installed the CSS mentioned above, it didn't work for me anywhere. But...
    - Just insert the class
    .mob-menu-right-bg-holder
    In the minimized exclusions of W3TC and tanaan!
    - I also tried excluding it from lazyload. Something that the plugin that I have installed for that, allows me to include the following classes to its exceptions...
    .mob-menu-header-holder.mobmenu
    .mob-icon-menu.mob-menu-icon
    Which not only excludes these lazyload classes. But - in addition - it adds eager (so that it loads faster).
    Conclusion:
    I am NOT finding a way around it.
    Please, could you tell me what could have happened and/or is happening?
    From already thank you very much.
    Greetings.

    `PS: Just in case…
    – I also tried (and still do) what I read in this forum, about adjusting the screen size from which it appears.
    Ergo. Following your own recommendations, I proceeded to shrink it to 759px.
    I also tried…
    – I uninstalled, deleted and reinstalled the plugin
    – I regenerated ALL the CSS
    – Cleared ALL caches
    – Etc
    But – so far – it does NOT work on the aforementioned pages

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    Hi @atutrabajo,

    This seems related to your cache plugin that is breaking something in the minify process.

    In W3TC go to Performance – Minify and find the “Never minify the following CSS files”

    Try to include this line below
    wp-content/plugins/mobile-menu/includes/css/mobmenu.css

    Let me know if it worked.

    Thread Starter atutrabajo

    (@atutrabajo)

    Hello.
    First of all, thanks for replying.
    That said, I was going to answer that, if you read my previous post well, you should have read that, what you tell me, I had already done!
    But hey. I just did it again and NOTHING.
    Anyway, to add elements to your analysis, I just realized that when you click on the “hamburger” icon, not only does it NOT open on the pages that I mentioned, but the link is ” turns” into this…
    my-site/search-job/#
    That is, a numeral is added (as if it were a link to it)
    Again:
    1) The icon does NOT open on some pages
    If you want to test yourself, here are some examples;
    my-site/search-job/
    my-site/labor-psychotechnic/how-to-pass-labor-psychotechnic/
    Etc.
    2) I already tried EVERYTHING I mentioned above.
    3) I just tried what you tell me (exclude the file you pointed out from the minimized).
    And – as usual – I regenerated all my CSS (Elementor function) + Cleared ALL caches and… NO Case.
    Finally…
    Have you already tried what I mention in the pages / entry that I pointed out to you?
    I await your comments.
    From already thank you very much.
    Greetings.

    Thread Starter atutrabajo

    (@atutrabajo)

    Hello. If I (again, heh). Just to tell you what, I just created a new page (mysite/how-to-create-your-personal-brand/), and we are already starting with the problems, heh!
    I’ll explain. On this page (which is NEW) your plugin does NOT work either.
    Ergo. This is MORE SERIOUS than I thought. Why? Simple…
    Because not only does it NOT work (DO NOT open) on some pages, it will NOT work on ANY other pages.
    And that, even in these moments, I ALREADY PROCEEDED as you indicated. That is to say, I EXCLUDED from my minized plugin, the file wp-content/plugins/mobile-menu/includes/css/mobmenu.css
    Any other idea?
    I await your comments.
    Greetings.

    Thread Starter atutrabajo

    (@atutrabajo)

    Hello.
    I don’t know if you’re following this thread, but just in case, let me clarify the following:
    1) I’ve already tried what you told me about…
    …”go to Performance – Minify and look for “Never minify the following CSS files”…Try including this line below
    wp-content/plugins/mobile-menu/includes/css/mobmenu.css”…
    In fact, right now, that rule is ACTIVE on my W3TC.
    2) Even taking into account what was stated in 1), the mobile menu STILL DOESN’T OPEN on certain pages! Moreover, as I mentioned before, when I click on it, a # is added to the link.
    That is, the plugin button acts as if it were a link.

    3) We already said that the plugin works everywhere when I disable W3TC. But the problem is, I have to keep using W3TC, heh.
    And, just in case, I reiterate that, if it were only the latter, it would not work on any page or post.
    However, the plugin does work correctly (it opens the menu when the icon is clicked).
    This and the fact that, as I mentioned, wp-content/plugins/mobile-menu/includes/css/mobmenu.css is ALREADY excluded from W3TC, makes me conclude that the problem is NOT W3TC!
    In one way or another, below, I took the trouble to divide and list my pages and posts in 3 groups of examples, so that, if you think so, you can focus directly on them:
    a) 3(three) examples in which the plugin works CORRECTLY (*)
    (*) That is, the plugin button appears and, when you click on it, it opens.
    a.1) https://stage9.atutrabajo.org/
    (This is of course the main page)
    a.2) https://stage9.atutrabajo.org/blog-asesoria-para-encontrar-trabajo/
    (This - if you notice - is the blog entry page)
    a.3) https://stage9.atutrabajo.org/aviso-legal/
    b) 3 (three) examples in which the plugin does NOT work (*)
    (*) In other words, the mobile menu button appears but, when you click on it, the menu does NOT open.
    b.1) https://stage9.atutrabajo.org/curriculum-vitae/
    b.2) https://stage9.atutrabajo.org/buscar-trabajo/
    b.3) https://stage9.atutrabajo.org/entrevista-de-trabajo/
    This last one is still ALL in draft.
    c) 3(three) examples in which the plugin button does NOT appear (*)
    This is because, I blocked its appearance through Plugin Organizer.
    (All are sales pages)
    - https://stage9.atutrabajo.org/how-to-get-a-good-job-fast/
    - https://stage9.atutrabajo.org/como-prepararte-para-tu-intervista-laboral/
    - https://stage9.atutrabajo.org/curriculum-de-precision/
    Definitely.
    It seems that it ONLY works on: the main page and/or the "old" pages (inherited from the original site).
    I hope that all this information will help you to discern where the problem is.
    I await your comments.
    Thanks.
    Thread Starter atutrabajo

    (@atutrabajo)

    Hello. Please could you (at least) let me know if you are following this?
    This way, at least, I wouldn’t keep writing to you, heh!
    Having said that. I would like to know if the “nature” of the problem is understood.
    Anyway, I’ll try to summarize it:
    1) I ALREADY applied the “solution” you proposed. That is…
    …”include among minization exceptions, to the file; wp-content/plugins/mobile-menu/includes/css/mobmenu.css”…
    And, just like that, you asked me for it. I ALREADY informed you!
    2) The menu does NOT open, ONLY on some pages or posts
    I am telling you in case you are trying some others and you see that it works.
    In fact, in the previous thread, I sent you a couple of examples, divided into 3 groups or categories. That is…
    2.1) The pages or posts where it does work (The menu opens)
    2.2) Those in which I have the WP Movile Menu blocked, because I am NOT interested in the visitor being “distracted” while browsing, because they are sales pages.
    These are easy to identify because, directly, the icon does NOT appear.
    2.3) Those in which the icon DOES appear because I am interested in the visitor opening the menu because they are pages or entries with information.
    For example this;
    https://stage9.atutrabajo.org/psicotecnico-laboral/como-pasar-psicotecnico-laboral/
    Lastly, as I mentioned… I tried “everything”!
    However, now I’m going to try the following (see what you think)…
    I’m going to change the menu icon for an image that says (precisely) Menu, heh!
    Why? Okay. Although I already tried it (AND IT DIDN’T work), at least I’m going to get rid of that “horrible” message from GTMetrix about…
    …”Avoid huge network payloads”…
    And include this “fucking” file…
    /font-awesome/webfonts/fa-solid-900.woff2
    Which apparently “activates” EVERY TIME the WP Mobile Menu icon appears and “adds”… 77kb! on page load.
    How do I know? Simple…
    Because, on those pages or posts where I have blocked WP Mobile Menu… This message does NOT appear!
    So, I ask you, does a good strategy appear to you?
    I await your comments.
    From already thank you very much.
    Greetings.
    PS: Here it is already very late and I have to finish something else.
    Therefore, changing the icon for an image, I’m going to leave it for tomorrow.
    Unless you tell me it’s not worth it, of course.

    Thread Starter atutrabajo

    (@atutrabajo)

    Hello.
    Frankly I don’t know if you are following and/or reading these comments, heh.
    Anyway, I leave this LAST, more than anything so that, if any user of your plugin has the same problem as me, they know what is the solution that I found ON MY OWN.
    – In 1st. Instead, the file you indicated (wp-content/plugins/mobile-menu /includes/css/mobmenu.css) should NOT be excluded from my plugin cache (W3TC), but this other one; wp-content/uploads/dynamic-mobmenu.css
    – In 2nd. Instead, it turns out that your plugin contains 3(three) CSS files (1) dynamic-mobmenu.css, 2) mobmenu-icons.css and 3) mobmenu.css) + 1 JS file which is NOT relevant.
    – In 3rd. Instead, it turns out that, of the 3 files mentioned above, the ONLY one that, for some unknown reason, “gets” into my upload folder (wp-content/upload) is, precisely, dynamic.css
    The other 2 go to the folder you mentioned (wp-content/plugins)
    I don’t know if that’s right or wrong but, I swear I didn’t do it, heh.
    Ergo. I have to assume that said file is the one that “commands” the opening and closing of the mobile menu (That’s why it must be called dynamic, heh:)
    Finally, I suggest you keep in mind that apparently there are many users who are having the same problem. As you can read, for example, in the following article; https://bforbloggers.com/en/fix-mobile-menu-search-icon-dont-work-in-wordpress/
    The problem with this last “example” is that, if you notice, its author is – as we say around here – “throwing fruit” (or saying the wrong things).
    And I know because, I tried ALL of their “solutions” and, NONE of them worked for me, heh.
    Anyway. One way or another, now that I solved the problem ON MY OWN, it only remains for me to thank you for the plugin.
    Although, if you had a BETTER SUPPORT SERVICE, everything would be much better.
    That’s all for now, thank you very much.
    Greetings.

    Plugin Author Rui Guerreiro

    (@takanakui)

    Hi @atutrabajo,

    Sorry for my delay, I was on vacation and only do free support when possible.

    I understand your situation but the problem itself is caused by the cache plugin, and it’s difficult to know all the configurations of the dozens of cache plugins. In those situations is also good to ask the cache plugin some help.

    But in the end I’m glad it’s finally sorted.

    Thread Starter atutrabajo

    (@atutrabajo)

    Hello. No problem. As we say around here…”better late than never”…heh!
    But, since you are. I have another problem with your plugin that I hope you can help me solve.
    I explain:
    As we have already seen, the “problem” was that my caching plugin (W3TC) was compressing your plugin’s css file, called wp-content/uploads/dynamic-mobmenu.css
    Ergo. What I did was, exclude said file from the minimized one and soooo! The problem was solved.
    But…
    When I remove it from the minimize process, what happens is that Google Pagespeed informs me that I should…
    …”Remove resources blocking rendering”…
    And the ONLY file it mentions is wp-content/uploads/dynamic-mobmenu.css
    The “curious” thing is that this notice is NOT always given. And also, NOT on all pages.
    But ALWAYS it happens, it does it with – for example – this page;
    https://stage9.atutrabajo.org/curriculum-vitae/
    I understand that it is a “giant” page, heh (When I finish it, it will have “barely”, +45 thousand words, heh!).
    Maybe that’s why Google Pagespeed warns me that I should do “something” with that file and, as I said, on that page.
    One way or another, I ask you…
    Do you have any code or something that makes the file in question load deferred (defer) or asynchronous (async)?
    I could go into your plugin code and look it up myself, ha! But I understand that the next time you update the plugin, everything will go back to the way it was.
    So, I would prefer you to tell me if, by means of – for example – some function to insert in my child theme’s function.php, I could “convert” the file in question (dynamic.mobmenu.css) into an asynchronous file and/or to load lazy.
    I await your comments.
    From already thank you very much.
    Greetings.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘The menu does NOT open on some pages or posts’ is closed to new replies.