I want to make adjustment on this area, make it thinner, any help will be appreciated, website url is https://woofessential.com, password: zzqqmm
Topic summary
A user needed to reduce excessive padding around their store’s logo in the RIDE theme. The issue was visible in a screenshot showing significant white space above and below the logo.
Two solutions were offered:
- Crop the logo file - Remove the extra space directly from the image itself
- Add custom CSS code - Insert specific styling code into the theme.liquid file before the tag to adjust padding programmatically
The GemPages support team provided detailed step-by-step instructions for implementing the CSS solution through the theme editor.
Resolution: The user confirmed the solution worked successfully. The discussion is now closed with the problem resolved.
Hello @WOOFESSENTIAL
It’s GemPages support team and glad to support you today.
You can follow these steps:
- Go to Online Store → Theme → Edit code
- Open your theme.liquid theme file
- Paste below code before :
Besides, your logo also contains quite a large space, you should re-upload another more suitable logo image
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
I am glad that my recommendation is helpful to you.
Please let me know if you have any questions.
Best regards,
GemPages Support Team
works great, Thanks!
I am glad that my suggestion is helpful to you.
Best regards,
GemPages Support Team


