I have the same as you, overall it looks fine just if you look closely the basket is a little further away from the edge. Thought it could be moved a little to the right.
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.
