How to align header text with logo on widescreen - Flex Theme

Store Design
1

I was wondering if it was possible to align the header text to the left of the logo when on widescreen? The text seems to be pushed to the left when I extend the window size. Picture below

Capture.JPG
Capture.JPG1919Ɨ965 200 KB

Website: www.ecogarby.com

Pass: aaa

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.section.is-width-wide .container .caption {
max-width: 1200px;
width: 90%;
margin: 0 auto;
padding-left: calc(20px / 2);
}

.image-with-text-overlay__banner.columns.one-whole.image-crop-none {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.section.is-width-wide .container .caption .caption-content.text-align-left {
padding: 1rem .75rem;
}

.image-element__wrap {}

.image-with-text-overlay__banner.columns.one-whole.image-crop-none .image-element__wrap {
width: 100%;
}
3

@ZestardTech Thank you so much!!