Header Padding and Alignment

Store Design
,
5

Hi @Angie_Freese

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
@media screen and (min-width: 500px) {
    .announcement__bar-section div#top-bar .row.top-bar-grid {
        width: 480px;
    }
}
@media screen and (min-width: 740px) {
    .announcement__bar-section div#top-bar .row.top-bar-grid {
        width: 720px;
    }
}
@media screen and (min-width: 980px) {
    .announcement__bar-section div#top-bar .row.top-bar-grid {
        width: 960px;
    }
}
@media screen and (min-width: 1220px) {
    .announcement__bar-section div#top-bar .row.top-bar-grid {
        width: 1200px;
    }
}
.announcement__bar-section div#top-bar .row.top-bar-grid {
    margin-inline: auto;
}
.header-section.js-header-section > header.theme-header {
    padding-top: 20px !important;
}

Here is the result:

image_720.png
image_720.png720×293 109 KB

I hope this helps

Best,

Daisy