How can I set a fixed background image in Gantry 5?

To set a fixed background image in Gantry 5, you can make use of the theme settings and the CSS customization options provided by Gantry. Here’s a general outline:

1. **Access the Layout Manager:** Navigate to the Gantry 5 Layout Manager within your site’s admin panel. Choose the section or particle where you want the fixed background image to appear.

2. **Set the Background Image:** Locate the section or particle's settings, and upload or select the desired background image. Ensure you save the changes after selecting the image.

3. **Apply Fixed Background Style:** Use the Style tab or custom CSS to apply a fixed position to the background image. In Gantry 5, this can typically be done by adding a class to the section or particle and defining the desired styles in the theme’s custom CSS file or the custom CSS panel in the admin interface.

4. **Verify Responsiveness:** After setting the background image, test it across various devices and screen sizes to ensure it behaves as intended and does not obstruct other content.

By following these steps, you can successfully add a visually appealing fixed background image that enhances the design of your site while maintaining compatibility with Gantry 5’s flexible layout system.

Learn more about this