lyness97

Hello, I just wanted to add a quick post to put myself out there offering a hand to anyone who needs it. I've been working within a secondary school for coming up to a year and notice the lack of support for IT Technicians regarding school websites or web based systems. My background is working as a developer, and have extensive experience in the field that I will always be happy to offer a hand in. I can help with issues related to CSS, JavaScript, WordPress, APIs, Integrations, OAuth, Azure, Databases and much more. Any issues you have fire a message below, or drop me a private message and I'll try my best to get back to you quickly

Okay I see what you mean, I did notice the loading spinner when looking at the site. Would you mind if I was to rebuild the menu style and JS from scratch and fire you the code through to use? I have started putting it together this morning and will have time to finish it later on. Stripping out jQuery and writing this in vanilla JS is going to help a lot, making it lightweight and no longer dependant on the library. Once done I can fire you the code to drop in place and should work as needed. One last thing, are you wanting it to continue as on hover? Or would you like to see an on click to keep the sub menu active as well? I'll update you once I have had chance to take a dive into it

A really good way to get data stored lightweight that is secure, easy to use and has great support is via Supabase. The DB is Postgres and has its own NPM package that can be used to easily fetch your data from the frontend returning JSON. Other options that have free allocation are Planetscale (MySQL), or Railway. If you're looking for an easily way to fetch data from the DB you can also use Prisma or Drizzle accompany them. If you have any questions I'll be more than happy to assist

Is this still something you are struggling with? If so with a little more detail I can help resolve your issue, and we can get this done via vanilla JS without the need for jQuery. Also one quick observation from having a quick look. You are adding extra padding to the menu on hover which is pushing menu items away, if you have the padding there before the hover then the background colour will nicely fade in without the shift inwards. Let me know if I can assist further