How can I shift my logo, menu, and hero slider content to the left?

Store Design
, , , ,
1

Hello!

I need some help moving the logo, menu, and hero slider content to the left. I’m getting very frustrated with it. I would like it to extend to the entire page as opposed to being confined.

Screenshot (111).png
Screenshot (111).png1903×940 245 KB

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.scss.css and paste this at the bottom of the file:
header.site-header .wrapper {
max-width: initial;
}
.hero__text-align.wrapper {
max-width: inherit;
}

ZestardTech_0-1690442876542.png
ZestardTech_0-1690442876542.png1907×550 148 KB

3

Thank you for this! However, the menu links are going to the right and not the middle. I would like to keep the icons on the right as shown in your photo but the navigation links to be centered. How can this be achieved?