Dawn theme - Image banner text full width

[INFRA]

Hi there! I have 2 questions:

1.  I would like my header text on the image banner to be full width so it's not on 2 lines like below.

Website

password: fbc

2. Is it possible to have all the text on the image & the logo further on the left on a bigger size screen? It's currently showing too much in the center: 

thanks so much!

[Dan-From-Ryviu]

Hi @INFRA 

ok 

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
@media only screen and (min-width: 750px) {
  .banner--content-align-left.banner--desktop-transparent .banner__box{
    max-width: 72rem !important;
  }
}
@media only screen and (min-width: 1440px) {
  .banner__content.banner__content--bottom-left.page-width.scroll-trigger.animate--slide-in {
    max-width: 100% !important;
 }
}

</style>

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[INFRA]

This worked, thank you! (I added it in the CSS in the editor so it rolls over if we do a theme update)

Can I add something to move the logo to the left for the larger screen too?

[AnneLuo]

Update the code 

<style>
@media only screen and (min-width: 750px) {
  .banner--content-align-left.banner--desktop-transparent .banner__box{
    max-width: 72rem !important;
  }
}
@media only screen and (min-width: 1440px) {
  .banner__content.banner__content--bottom-left.page-width.scroll-trigger.animate--slide-in,
  .page-width.utility-bar__grid.utility-bar__grid--3-col,
   header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account {
    max-width: 100% !important;
 }
}

</style>

[INFRA]

hi @AnneLuo ! I placed it on the right side now, and was wondering if we can move it a bit more to the right even?

 

[INFRA]

Hi, @Dan-From-Ryviu   I have not changed anything and it is still on 2 lines for me. Would you have the solution?

If not, are you please able to remove your message so it does not look like it's been solved? thanks so much!