I do mean like this 
I have tried the code but it didnt seem to work, is there any other solution?
Topic summary
Goal: lower the logo in the header so it sits below the cart icon and menu (hamburger) while remaining centered across all pages. A reference screenshot is provided and is central to understanding the desired positioning.
Store URL was shared and made public for review.
Initial fix proposed: add CSS in the theme’s CSS file (base.css/style.css/theme.css) with a mobile-focused media query (max-width: 999px). The code adjusts h1.header__heading height and .heading padding. Result: the change either didn’t work or only affected the home page, not all pages.
Follow-up advice: insert CSS in theme.liquid before the closing tag and try adding !important. The specific CSS content was not shown in the post, and the outcome remained that the change only applies on the home page.
Status: unresolved. Key issue remains ensuring the logo’s lower position applies sitewide, not just on the home page. The discussion is ongoing, with unanswered questions about consistent CSS selectors or placement affecting all templates.
1 Like