Move logo / icons to left on big screen - Dawn theme

[INFRA]

Hi, 

I would like to have my logo and social icons in the announcement bar moved to the left when viewed on a big screen, so it's in line with the header text on the image. Can anyone point me in the right direction?

Thanks so much!

Website

password: fbc

 

[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 before the </head> tag

<style>
.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;
}
.utility-bar__grid .list-social {
    margin-left: 0 !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 perfectly, thank so much!