awd113 Posted June 20, 2022 Share Posted June 20, 2022 (edited) Hi all, Another question, this time regarding a plugin being strangely inconsistent. Not sure if it can be answered here, but it's quite urgent (site is launching over the next day), so thought I might get a quicker response here than sending an email to the plug-in maker (which i'll do as well). So — I'm using a plugin that creates a custom slide out section (I'm using it as a menu). You do this by creating a second section in the footer of any page, and it uses that section as the content for the slideout. Of course there's some JS i've put in the advanced>page injection as well. The issue is, for some reason it doesn't work on every page, even though the footer should be the same site-wide. It works on most pages, except a few random ones. These pages are all the same type of pages (just plain pages with sections and blocks), so i'm a bit lost to why it's doing this. I even tried duplicating one of the pages that is working and re-inputing the content to match the one that's not working. It still has the problem though! I've included some screenshots below with an example of it working, and one with it not working, as well as a screenshot of where it is in the edit screen. Also a link to plugin used Any advice or thoughts on why this is happening would be greatly appreciated. Thanks in advance! Edited June 21, 2022 by awd113 Link to comment
awd113 Posted June 21, 2022 Author Share Posted June 21, 2022 Update. After hours of looking through all this code that I don't really understand (learning a lot though!), I found a couple of lines that are different between the two. Other than these 'preSlide' lines of code, the two instances are exactly the same. In the Chrome inspector (shown in screenshot below), if I remove these 2 instances of the 'preSlide' text (show in pink) on the page that's not working, it fixes the problem perfectly, so it must be this. Could anyone provide any insight into why the one that's not working has these 'preSlide' lines and how I could go about removing them as I don't have access to the HTML to edit like I can in Chrome. Also, just a note, the 'preSlide' highlighted in green does appear in both and doesn't seem to have any effect on things. Any advice would be amazing — feels like I'm so close to solving, but just not sure how to do this last step. Thanks in advance 🙂 Link to comment
tuanphan Posted June 21, 2022 Share Posted June 21, 2022 Add to Design > Custom CSS /* Fix plugin */ .infodot-content .preSlide { opacity: 1 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
awd113 Posted June 21, 2022 Author Share Posted June 21, 2022 @tuanphan Amazing, thank you so much!!! Really appreciate it. Any chance you'd know why (on the previously broken pages) it sits strangely? Almost like the height is pushing too far or something. ScreenshotLeft: Previously broken pageRight: Correct page Link to comment
tuanphan Posted June 21, 2022 Share Posted June 21, 2022 23 minutes ago, awd113 said: @tuanphan Amazing, thank you so much!!! Really appreciate it. Any chance you'd know why (on the previously broken pages) it sits strangely? Almost like the height is pushing too far or something. ScreenshotLeft: Previously broken pageRight: Correct page Try new code 😆 .infodot-content .preSlide { opacity: 1 !important; transform: unset !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
awd113 Posted June 21, 2022 Author Share Posted June 21, 2022 Perfect, that works great, thanks so much! 😀 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment