Separator bar
What is a Separator Bar?
A Separator Bar is a tool in the theme editor designed to control and enhance the spacing between sections of your website. It helps optimize the visual layout and aesthetic appeal by creating clear and visually pleasing separations between different content areas. This feature allows you to customize spacing to achieve a more polished and organized look for an improved user experience.
Steps to Set Up a Separator Bar:
1. In the Shopify admin, go to Online Store > Themes and click Customize to enter the theme editor.
2. Insert a Separator Bar between the sections where you want to adjust the spacing.
3. On the right side of the editor, find the options to manage the spacing. Use the first slider to adjust the desktop lower spacing and the second slider for mobile lower spacing.
4. Optionally, add custom CSS if you want to incorporate unique styles for the separator bar.
Unable to locate the information you need?
Our support team is here to help! Feel free to reach out anytime – we're just a message away and ready to assist you with any questions you may have.
