How I want it:
How it is right now:
Topic summary
A user seeks help adjusting their store header’s position and spacing, showing screenshots of the desired versus current layout. The issue appears differently in customization mode versus desktop mode.
Proposed Solutions:
-
One response provides custom CSS code to be added to the theme.liquid file (above the
</body>tag), claiming this will resolve the spacing issue. -
Another contributor warns that simple padding adjustments may cause responsiveness problems across different screen sizes. They recommend hiring a Shopify Expert for proper customization to ensure the fix works reliably across all devices.
Status: The discussion remains open with two different approaches suggested—a DIY code solution versus professional customization—but no confirmed resolution from the original poster.
Pic1. Is in customization mode.
Pic2. Is in desktop mode.
Hey @SamSukhoonNordl
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello
it needs proper customization.. If we do it by padding it will may create some other issue on different screen size.. The best way to contact some shopify expert Shopify Experts or you can also contact me to fix it for you here there will little charge but will be fixed in a well way.