How to fix vertical alignment between my logo and customized menu upon resizing of window?

Topic summary

A user is experiencing vertical misalignment between their logo and customized menu when resizing the browser window on their Shopify store (constructionlayers.com).

Proposed Solution:

  • Another user suggests adding custom CSS code to fix the alignment issue
  • The fix involves editing the theme.liquid file in the Shopify theme editor
  • Specific steps provided: Navigate to Online Store → Theme → Edit Code, locate theme.liquid, and insert the recommended code within the head tag

Status: The discussion appears to have a suggested solution, but the actual CSS code snippet is not clearly visible in the conversation. Implementation and verification of the fix remain pending.

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

When I resize my window it always misaligns my menu and logo. Any ways to fix this problem?

www.constructionlayers.com
PW: CollectionThree

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code to the head tag


Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!