Hi Vivid Ground, thank you for reaching out.
x-bar should work, but with a dot in front: .x-bar
Unfortunately, your menu consists of two parts that are hidden and shown depending on screen size, I have seen this before but the reading progress bar does not take that into account yet, because it would need a lot of extra processing and (imho) it is not best practice to have two seperate menu’s that are shown or hidden depending on screen size. This means, in your case, for the small (mobile) version the reading bar will default to top (as the main menu becomes hidden with a media query).
In your case it would work if the reading bar picks the first non-hidden element of the specified class in stead of just the first element. This is not a solution for all cases that I have seen but I will look into it this weekend, maybe this solution can be implemented with minimal impact. Will get back to you in this thread.
Kind regards,
Joeri van Veen
Hi @vividground, this week I will release a new version (1.4.0) that will likely fix your issue. Will let you know when it’s released.
Thank you so much! You are dearly kind.
Hi @vividground I just published the new 1.4.0 release, which should fix your issue. Please let me know if it does not! When you attach it to .x-bar the reading bar should stay below the sticky menu when available in all screen sizes.
Yes it works! thanks a lot!
Hi, unfortunately in my tests on your site the reading bar, while positioned correctly, is hidden on smaller screens, because the menu bar gets its overflow set to hidden. I don’t see a reason for that but that is besides the point. Do you see the bar on smaller screens?
You can override this by setting this ‘custom css’ in your theme:
.m2yb-4.x-bar { overflow: visible; }
The reading bar itself cannot account for this, since setting styles on other than my own elements could lead to weird consequences. I hope you are able to make this work with your menu. Let me know if I can assist you any further.
Kind regards,
Joeri
Hey i set the overflow to be visible it can now be seen ! thanks a bunch ! would you like a free code to the evaluation as a thank you?
Awesome! I see that it works now. Thank you for using my plugin. If you have time, could you give this plugin a five star review? That would help me out, it has been a while since it has been reviewed.
About the free code, yes I would actually like that, if you can spare one. You have an interesting website, regarding personal development, something I am also into, keep up the good work! (My e-mail is listed here in the first paragraph: https://ruigehond.nl/over-ruigehond)
Since everything seems to be working, I will mark this topic as resolved.
Kind regards,
Joeri
