Request for Assistance with Configuring the "Categories" Menu on the Spotlight Theme

Themes
1

Hello Ghost Community,

I am reaching out to seek help regarding the Spotlight theme that I recently purchased. I’m currently facing an issue while trying to create a “Categories” button on my Ghost CMS site.

:magnifying_glass_tilted_right: Issue Encountered

  • I attempted to create a “Categories” button with a selective menu displaying multiple sections (Tendance, Mode, Lifestyle, Culture, High-tech).
  • After following the instructions available in the HighFiveThemes, I also explored various solutions suggested by AI tools and the Ghost community, but without success.
  • The menu works perfectly on mobile, but it does not appear on the desktop version.

:wrench: Technical Details

  • Theme used: Spotlight (latest version)
  • Methods attempted:
    :white_check_mark: Added custom CSS in header.css and screen.css
    :white_check_mark: Modified the navigation.hbs file
    :white_check_mark: Adapted the JavaScript files (mobileMenu.js and burger-submenu.js)
  • I also cleared the cache of both my site and browser, but the issue persists.

:red_question_mark: Questions

  1. Is there a specific or recommended method to configure this menu for the desktop version?
  2. Could some theme-specific CSS rules be preventing it from displaying correctly?
  3. Could you provide me with precise instructions or an appropriate solution to resolve this issue?

I would be extremely grateful for any advice or guidance. Please let me know if you require additional information.

Thank you in advance for your valuable assistance.

Best regards,

2

I think you’ll getmore help if you link your site with the mobile menu working but not desktop, and share the code related to that part of your site.

I’m also not 100% sure what you mean by ‘selective menu’, so am at a loss for how to help.

3

Hello, denicheur1! It seems like a CSS or JavaScript issue. Check for any display: none; or visibility: hidden; rules affecting the desktop version. You could also inspect the element using dev tools to see if it’s loading but hidden. If it persists, reaching out to the theme’s support might help. Let me know if you need further assistance!