But if you like to remove the remaining padding. Then this will be the result.
Topic summary
A user seeks to create an almost full-width header in the Taste theme by removing left and right padding. Multiple solutions are provided:
CSS Solutions Offered:
- Add custom CSS to
base.css,style.css, ortheme.cssin the Assets folder - Target
.header:not(.reward-menu).page-widthwith padding adjustments - One approach uses
padding-left: 12px !important; padding-right: 0px !important; - Another recommends media query approach:
padding-left: 1.2rem; padding-right: 0;for screens min-width 990px, accounting for existing -1.2rem offset
Implementation Steps:
- Navigate to Online Store > Themes > Actions > Edit code
- Locate appropriate CSS file in Assets folder
- Add CSS code at bottom of file and save
Alternatively, code can be added to theme.liquid above </head> tag.
Follow-up Issue:
Another user successfully applied the header fix but now seeks to extend full-width padding removal to the entire site for both desktop and mobile.
Visual previews were shared showing before/after results. The discussion remains open regarding the site-wide implementation question.
