Issues with alignment in Shopify Broadcast

Shopify Discussion
1

Hi! I’m using the Broadcast theme to build my page. For some reason, nothing seems to be correctly aligned.
I’ve set my banner to align left, but i’m having trouble having it match the alignment on the navigation header.

Winhac3_1-1672884766304.png
Winhac3_1-1672884766304.png2682×834 145 KB

Similarly, the logo is supposed to be centered, but it is slightly to the left. Code reads:

.header__logo__link {
display: block;
text-decoration: none;
color: var(--text);
position: relative;
max-width: 50vw;

and UI selected is:

Winhac3_2-1672884833277.png
Winhac3_2-1672884833277.png608×182 6.53 KB

but is there a way to make it truly centered? right now its very obvious that it’s in the middle but to one side

Any help would be much appreciated!

Website: qori.nyc

PW: thauld

2

Hello @Winhac3

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

3

Store URL: www.qori.nyc

PW: thauld

4

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.css file and paste the following code below:
.announcement__text > div{
   margin: 0;
}
.announcement__bar .cart__message.is-hidden{
   padding: 0;
}
.announcement__text{
   padding: 0 15px;
}
.announcement__message{
   padding-left: var(--outer);
   padding-right: var(--outer);
}

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

5

Worked like a charm! thank you so much!

6

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team