A Shopify store owner using the Dawn theme cannot adjust header padding through the theme’s built-in customization settings. Changes made in the theme editor (padding values, menu type switching from mega menu to dropdown) don’t reflect on the live website, though they appear correctly in the editor preview.
Workaround Provided:
One user shared custom CSS code to manually set header padding by adding it to the base.css file, which successfully changes the header size.
Core Issue:
The original poster prefers using Dawn’s native section settings rather than manual code edits. They note the theme.liquid code connects to the padding settings as intended in default Dawn, but updates aren’t applying to the live site. The issue appeared after making code customizations, and restoring a previous theme version temporarily resolved it.
Troubleshooting Suggestions:
Status: The discussion remains open with no definitive solution to restore the native theme customization functionality.
Hi, for some reason i can no longer change the size of my header. When i update the padding sections it doesn’t update my live website. I am using the Dawn theme and have done some customisations to the code.
my website is:
Any idea what could be the issue? i tried clearing my browser cache doesn’t do anything. I restored a previous version of the theme and can adjust the header size.
Hi @vvince86
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
@media (min-width: 768px) {
header.header.header--middle-center.header--mobile-left.page-width.header--has-menu.header--has-account {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
}
Result
Best,
DaisyVo
Hi thanks that works however i’m not sure why i now have to edit the code to change the padding settings when usually i would go to the header and then change the padding as per my screenshot?
Hi @vvince86 In the theme, there will be customization settings; if not, it will be necessary to modify the code for adjustments.
Hi i checked the code in theme.liquid, this is feeding into the padding settings in my previous screenshot as per default dawn theme feature. However when i change the px value it doesn’t update on the live website per the section settings:
I would prefer not to manually add in the code you provided as that means i now have to update code, rather than rely on dawn’s inbuilt section settings to change the px on the header.
I also can longer change the menu type. e.g. when i switch from mega menu to drop down, nothing happens on the live website but it is showing in the theme editor display
It sounds like the custom code might be conflicting with the theme settings. Here are a few things to try:
Check for Custom Code Conflicts: If you’ve added custom CSS or code, it could be overriding the theme’s padding settings. Try temporarily removing or commenting out the custom code to see if that resolves the issue.
Use Developer Tools: Right-click on the header and inspect the elements using your browser’s developer tools. This can help you check if any CSS rules are preventing the padding from updating.
Save and Publish Changes: Sometimes changes might not show on the live site if they aren’t properly saved or published. Make sure you’ve saved your theme settings and published the changes.
Try a Different Browser or Incognito Mode: Even though you’ve cleared the cache, try using an incognito window or a different browser to rule out caching issues.
Let me know if any of these work!
