ymer94
Forum Replies Created
-
Hi again, don’t ask me why but I played round with many settings and debugging mode but nothing worked so I restored the settings. Then I just let it be over the weekend and and when I back to work this morning everything worked again. Gonna leave this open a while in case that the problem comes back but it doesn’t look that way for now. If it comes back I’ll try your suggestions and report back to you.
Thanks anyway, Ymer
Forum: Plugins
In reply to: [Sticky Menu & Sticky Header] Odd Menu BehaviorsHi again.
No then I didn’t explain properly. The z-index decides witch element should be highest on the stack if more than one element is present at the same place and time. The higher the number the higher on the stack.
This means that the sticky element should have a higher value than all the other elements to always be infront of them. So what i did was to set the z-index of the element containing the title beginning with “4-DAY BADGE” to 0 and the sticky headers’ to 99999 in the browsers development tools just to try my solution.
Once I did that the sticky menu was ontop again. This means that you need to check the CSS of your website for a z-index that apparently affects all elements of you site and change that to 0. Changing only the z-index in the plugin will not work otherwise.
Hope this clarifies the situation for you.
– Ymer
Forum: Plugins
In reply to: [Sticky Menu & Sticky Header] Menu on Phone Screen disappearsHi.
You could always make a child-theme (if not already using one) and edit the mobile menu so the plugin is able to identify them in the same way by using the same element/id/class (even though you should avoid using the same id it would probably still work). So in your case just give the mobile menu the same id, #menu-main-menu, but as I said you should avoid it since it can cause problems.
If you want to avoid using the same id then I suggest you give them a class to share that is unique to just those two elements of the entire site. To make them unique, use some thing that describes your site and add “-main-menu” after it. I often just use the company name the website is for but if it’s a personal site I just make a really short description of what the site is about. If that is still a bit to long I just make an abbreviation of it and call it a day.
Let me know if this helped you.
– Ymer
Forum: Plugins
In reply to: [Sticky Menu & Sticky Header] extra css for adding transparent backgroundHello!
Looked at your website and I can’t see any sticky menu but if you just want the code for a 50% transparent grey background use this code:
background-color: #80808080;Let me know if it helped you.
– Ymer
Forum: Plugins
In reply to: [Sticky Menu & Sticky Header] Odd Menu BehaviorsHi Dan!
After a quick test I can point you in the right direction. Somewhere you have z-indexes that messes up your site. this could be due to an update of either your theme or this plugin. I suggest you look through the themes CSS files an see if you can find any “z-index” styling.
I manually changed the z-index of the first element on the page (the one beginning with “4-DAY BADGE”) to 0 and it solved the problem for that element. This indicates that somewhere the elements get a z-index that messes up the entire site and those are usually found in a CSS file or a CSS part of the HTML/PHP file.
Hope this helps you a bit, and do please tell me the results.
– Ymer
Forum: Plugins
In reply to: [Sticky Menu & Sticky Header] Only one part of the menu sticksI can’t help you more specifcally more than tell you that this plugin only takes an HTML element tag (specified by the id or class or element in the settings) and makes that “sticky”. It won’t resize it and it won’t make any other element tags “sticky”. The problem you have if I understand you correctly is that you want all three parts to be a “sticky” header and you have probably only specified the navigation part. I have only looked at a few different themes for wordpress since I start using it (more of a DIY personally but when creating for other companies it’s a good CMS to use) and all of them have had a header tag (<header>[some content]</header>) with an id of header (<header id=”header”>[some content]</header>). What it is in your case I can’t say without looking at the site but you could probably just use “#header” or “header” (without the quotes ofc) and it will work as you intended (as I said, that’s what I think your intention were). Hope you got some help and please report back with the result. It’s nice to hear if I could help you or not.