Turn off the transparent header

The transparent header in the Be Yours theme can enhance your Shopify store's visual appeal, especially with image banners or slideshows. However, it may cause issues if your homepage doesn't use these elements, potentially leading to overlapping content and a cluttered appearance.

Steps:

  1. Access Your Shopify Admin Dashboard

    Log in to your Shopify admin dashboard where you manage all aspects of your store.

  2. Navigate to the Themes Section

    Click on "Online Store" in the left-hand menu, then select "Themes" to view all available themes.

  3. Customize the Be Yours Theme

    Locate your Be Yours theme and click "Customize" to open the theme editor.

  4. Find the Header Section

    In the theme editor's left-hand menu, click on the "Header" section to access header-related settings.

  5. Adjust Transparent Header Options

    Scroll to the "Transparent Header" settings within the header section. You'll see two options:

    • Enable on Homepage
    • Enable on Collection Pages

    Uncheck one or both options to disable the transparent header as desired.

  6. Save Your Changes

    Click the "Save" button to apply your changes. The header will now have a solid background, preventing content overlap.

Benefits of Disabling the Transparent Header

  • Improved readability of header content
  • Consistent appearance across all pages
  • Reduced risk of design conflicts with page content

By following these steps, you can easily disable the transparent header in your Be Yours theme, ensuring a cleaner and more consistent look for your Shopify store. This simple adjustment can significantly improve your site's overall user experience.

Need Further Assistance

If you encounter any issues or need additional help with your Be Yours theme, don't hesitate to reach out to Roartheme's support team for expert guidance.

Scan the QR code to get support within 8 hours via RoarTheme ’s Whatsapp