Dawn Pro: aligning text in announcement bar to the left.

dhardydesign

Trying to align the text on the announcement bar to the left, next to the only social icon I'll be using. Default settings center the content. Looks like the parent element is set to grid. Any CSS hacks that anyone has used? TIA

alvinkonda

Hi,

I need to check your store to see how you have currently set the announcement bar since you have that icon on the side. If you don't want to publicly share your URL you may use our contact us form.
https://www.kondasoft.com/pages/contact

But as I can see from your screenshot, the announcement is looking good even though is positioned in the center, but the issue might be on mobile.

Let me know

dhardydesign

Thanks for the reply. It's just the positioning. I made a custom liquid version in blue, right under the announcement element. I just want the announcement widget capability but text-aligned left like the blue version.

password is 1234. thank you

https://martins-ag-llc.myshopify.com/

alvinkonda

Try this code:

@media (min-width: 990px) {
  .utility-bar .page-width {
     display: flex;
  }
  .utility-bar .announcement-bar {
    margin: 0;
  }
}

dhardydesign

I added it to the global CSS and it worked there.

Many thanks!

alvinkonda

Hi,

You can put that code in a CSS file or simply in the layout/theme.liquid file