How to make adjustment on the padding (RIDE theme)?

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:

  1. Crop the logo file - Remove the extra space directly from the image itself
  2. 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.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.

I want to make adjustment on this area, make it thinner, any help will be appreciated, website url is https://woofessential.com, password: zzqqmm

@WOOFESSENTIAL ,

You can crop your logo to remove that space

Hello @WOOFESSENTIAL

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. 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

1 Like

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!

1 Like

I am glad that my suggestion is helpful to you.

Best regards,
GemPages Support Team