How can I eliminate blank space from a dropdown menu?

Store Design
, , ,

Topic summary

A user working with the Gecko theme is experiencing excessive blank space at the edge of their dropdown “Shop Now” menu. They’ve requested CSS code to remove this spacing but haven’t been able to locate the issue themselves.

Key Details:

  • Theme: Gecko (third-party)
  • Issue: Black/blank dead space in dropdown menu
  • Site is unpublished (preview link only)
  • Screenshot provided showing the spacing problem

Current Status:

  • User has shared preview links and screenshots for troubleshooting
  • No solution has been provided yet
  • Discussion remains open awaiting CSS guidance from community members
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Hi,
I’m using a theme called Gecko, for some reason there is a lot of black dead space at the edge of my dropdown (shop now) menu. Can anyone share with me a css code that will help me remove it. I can’t locate the responsible item.

This is only a preview link. Theme wasn’t published yet: https://www.littlesquiffy.com.au/?_ab=0&_fd=0&_sc=1

Pass: cewclu

Thank you in advance

2

@theycallmeSaver

Screenshot 2024-04-13 172853.png
Screenshot 2024-04-13 172853.png1845×872 285 KB

3

@theycallmeSaver sure!

https://p2s66qgenoyux3ib-9298968638.shopifypreview.com