After adding a clickcable slidershow, my dropdown menu isnt clickable anymore | Dawn Theme

Store Design
,

Topic summary

A user added a clickable slideshow to their Dawn theme store but encountered a conflict where the dropdown menu became unclickable, likely due to overlapping elements with the slider banner.

Proposed Solution:

  • GemPages support suggested adding CSS code to base.css:
    • Navigate to Online Store → Theme → Edit code
    • Open base.css in Assets folder
    • Add z-index and position properties to #MainContent

Current Status:
The issue remains unresolved. The user reported that implementing the suggested CSS fix did not solve the problem and additionally removed the hover animation. The discussion appears ongoing with no working solution yet identified.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

so i added a clickable slidershow, it works great

however i got a small issues:

1- the dropdown menu takes me to the slider banner (im guessing its cuz they are overlapping)

hopefully someone could help,

website - https://the-style-luxe.myshopify.com/

password - reucho

hasanali1_0-1679217202242.png
hasanali1_0-1679217202242.png1383×427 240 KB

2

Hi @hasanali1

You can add the below code to fix it:

  1. Go to Online Store → Theme → Edit code. https://prnt.sc/XkUYXZPnym_E

  2. Open your base.css in the Assets folder.

  3. Paste the below code at the end of the file.

#MainContent{
    z-index: 1;
    position: relative;
}

GemPages_0-1679218579419.png
GemPages_0-1679218579419.png1376×909 49.5 KB

Best regards,
GemPages Support Team

1 Like
3

hi there, tried it but its still going to the banner link

in addition it also removed the hovering animation