Jump to content

Inconsistent Plug-in Menu

Recommended Posts

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!

Screen Shot 2022-06-21 at 1.15.26 am.png

Screen Shot 2022-06-21 at 1.15.15 am.png

Edited by awd113
Link to comment
  • Replies 5
  • Views 294
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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 🙂 

code-example.png

Link to comment
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.

Screenshot
Left: Previously broken page
Right: Correct page

 

Screen Shot 2022-06-21 at 4.28.15 pm.png

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.