hero banner image not coming properly
Topic summary
A user is experiencing display issues with a hero banner image on their Shopify store’s About Us page. The image is not rendering correctly.
Proposed Solutions:
- Two support representatives (Moeed and PageFly-Richard) both suggested adding custom CSS code to the theme.liquid file
- The code should be placed above the
</body>tag in the theme file - Access path: Online Store > Themes > Edit Code > theme.liquid
Current Status:
- The original issue appears partially addressed, but a new problem emerged
- The user now reports excessive white space appearing below the banner on both mobile and desktop views
- The discussion remains open with the spacing issue unresolved
Note: The conversation includes code snippets and screenshot images demonstrating the white space problem.
2 Likes
Hey @hem0903
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
This is Richard from PageFly - Shopify Page Builder App
Hi @hem0903 Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly
1 Like
