thanks for confirm please try this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.header-wrapper {max-width: 100%;}
Topic summary
Goal: Move the logo further to the far-left on desktop fullscreen and prevent slideshow images from zooming when fullscreen.
Context: The store URL (theroyalbuddy.com) was shared to review layout issues. A helper confirmed the desired logo placement with a reference screenshot (image is central to understanding the target look).
Proposed fix (logo position): Add a CSS rule to the theme stylesheet to make the header span full width: .header-wrapper { max-width: 100%; }. Implementation steps: Online Store → Theme → Edit code → Assets → theme.scss.liquid → paste the rule at the bottom. theme.scss.liquid is the Shopify theme’s CSS file where visual styles are defined.
Outcome: The appearance was validated and the user requested implementation guidance; specific steps and code were provided.
Slideshow issue: No concrete solution yet for controlling the image area shown in fullscreen or preventing zoom (remains unresolved).
Other notes: One reply offered general logo design resources (not directly actionable). Another support reply requested a different user’s URL.
Status: Partially resolved (logo), slideshow sizing still open.
1 Like