Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Feedback and help on drop downs


Recommended Posts

Site URL: https://kimberleygraceofficial.com/course-kits

Hi,

 

I have created the above website for my clients

 

password KG2020

 

It's been very complicated as they added on different features after kickoff so i had to use a shopify buy button as they need laybuy integration and squarespace didn't support.

My drop down menus don't appear to be able to be clicked? Can someone help asap please??

thanks so much

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

It's hard to say what is causing the drop-down issue. @PoppyB

A guess would be the cursor effect causing it. Try to disable it. If it's not that, I would disable one feature at a time (in custom css and code injection), and you'll eventually find the issue this way.

Nice work with the website, and good luck!

- Rasmus Myhrberg, Maker of Spark

Spark plugin – Get superpowers in Squarespace with 100+ presets

Link to comment

Thank you so much for checking it out and advising.

I have removed the cursor effect and the folders are working; I'm so grateful!! They really wanted glitter on the site and the cursor was as far as I was willing to go (for aesthetic purposes) ha ha - will try and find a workaround.

Thanks so much - handing over on Wednesday, nervous and excited 🙂

Link to comment

Your drop down boxes might look better with a bit of drop shadow. I have that on mine, its made with avenue, a 7.0 template. Here is the code I used in custom CSS, color and shadow can be easily adjusted. 

#topNav nav .folder-collection .subnav {
    background: #fff !important;box-shadow: 5px 5px 15px rgba(0,0,0,0.25)
}

The hex color code #fff is white and you can change the color if  you want changing the code. 

Here is the Hex code finder I use:

https://htmlcolorcodes.com/

Derrick 

https://www.myrandomviews.com/

Edited by myrandomviews
Link to comment

Hey @PoppyB

A few bits of constructive critique that may help you:

  • Consider your use of space. The navigation takes up a 3rd of the page on desktop which is not going to be great for users. And it doesn't need to go onto two lines
  • On the "Course Kits" page, it's not actually clear where you want users to click to view a product. Sure, most folks know the title is the way but there's no visual indication.
  • Line spacing in the footer is inconsistent
  • You may also wish to consider chasing down higher quality versions of the logos
  • Your FAQ page could possibly benefit from Accordions (These are good) or anchor links to make navigation easier
  • It's a bit odd that you only seem to have animation on 2 images on the homepage and nowhere else
  • Check your CSS. Some pages show the below on mobile

image.thumb.png.15696deac373112ffb4d595ad4b55ce2.png

 

Good luck on your launch

Specialising in Squarespace CSS and customisation.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me by buying me a coffee.

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...