padding 0 comes very close, I compare with this site sangvinik.com and they have the cart for some reason closer to the edges although the hamburger menu is farther away than mine
Topic summary
A user encountered an issue where adjusting the page width in Theme Settings only affected desktop view, not mobile. On mobile, header icons (hamburger menu and cart) weren’t properly aligned with the page edges.
Solution provided:
BSSCommerce-TC guided the user through custom CSS modifications in the theme’s base.css file. The final working code targets mobile screens (max-width: 750px) and adjusts padding:
.headerpadding set to10rem 1.5rem !important.header__iconspadding set to0
This specifically repositioned the cart icon closer to the edge while maintaining proper spacing. The user initially noticed the cart icon was slightly further from the edge compared to reference sites, but after applying the suggested CSS, confirmed the solution worked.
Status: Resolved. The user thanked the helper and was asked to mark the solution for future reference by other merchants.
