How can I incorporate a divider with an icon into my website coding?

Technical Q&A

Topic summary

A user is seeking guidance on how to code a divider with an icon (appears to be music-related) into their website. They’ve shared a screenshot showing the desired design element.

Responses received:

  • One contributor suggests using custom coding with HTML, JavaScript, CSS, and Liquid, referencing Shopify’s Wave Code documentation for dropdown menus and links.
  • Another offers personalized assistance, requesting a demo link and the specific theme name being used to provide detailed guidance.

The question remains open, awaiting either the original poster’s response with additional details or implementation of the suggested approaches.

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

How would I code something like this into my website? The background and the divider with the music

Screen Shot 2022-12-11 at 3.35.51 PM.png
Screen Shot 2022-12-11 at 3.35.51 PM.png2628×1270 191 KB

1 Like
2

@athenwilkinson

thanks for post yes, If you’re comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding provided by

Wave Code

3

Hi @athenwilkinson ,

Please send me demo link and theme name you are using, I will guide it in detail.