How to vertically align header menu and logo

Topic summary

A user seeks help aligning their logo and menu header vertically in their Shopify store. An attached screenshot illustrates the current misalignment issue.

Solution Provided:

  • A PageFly representative offers a CSS code snippet to resolve the alignment problem
  • Implementation requires adding custom code to the theme.liquid file above the </head> tag
  • Step-by-step instructions provided: navigate to Online Stores > Themes > More Actions > Edit code, then locate theme.liquid and paste the code

Follow-up Question:
Another user asks whether it’s possible to align only the menu without affecting the logo positioning.

The thread remains open with the follow-up question unanswered.

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

Hi, anyone here that can help me vertically align my logo and menu header? Please see example below. Would appreciate the help!

www.constructionlayers.com
Password: collectionthree

Hi @clayinfo

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

would it be possible to only align the menu withour the logo??