How can I shift my website logo to the right?

Topic summary

A user needed help repositioning their website logo, which appeared off-center and out of proportion.

Initial Solution:

  • PageFly support provided custom CSS code to shift the logo right
  • Instructions included adding code to the theme.liquid file before the tag
  • The initial fix successfully moved the logo on desktop

Mobile Responsiveness Issue:

  • The desktop solution caused the logo to shift too far right on mobile devices
  • Only half the logo was visible on mobile screens

Final Resolution:

  • PageFly provided updated CSS code with media queries to maintain proper centering across both desktop and mobile views
  • The user confirmed the revised solution worked correctly
Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.

Hi all im wondering if anyone can assist with moving my website logo slightly to the right as it looks out of proportion and i want it inline , somewhere around here?

Hello @Ljvapes

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

Could you please share your store URL ( with the password if your store password is enabled ), and the custom font name that you are using? Then I can see and suggest something for you.

Hi Yes sorry the url is https://ljvapes.co.uk

hi @Ljvapes

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


Hope this answer helps.

Best regards,

Victor | PageFly

Thanks very much it worked . Much appreciated

Hi sorry , how do I keep it central on mobile as its moved over to the right and can only see half of i?

You can use new code to fix it


1 Like

Thank you very much