Hi there,
I’m trying to get the phone number to align to the right (in line with menu items) but I’m having trouble finding the right code. Can anyone please help me?
password: fbc
Topic summary
A user needed help aligning a phone number and icon to the right side of the announcement bar in their Dawn theme Shopify store, specifically wanting it to align with the menu items.
Initial Solutions Offered:
- Two community members provided CSS code snippets to move the announcement bar content to the right
- First solution used
grid-area: language-currencyproperty - Second solution involved adding custom CSS to the theme.liquid file
Final Resolution:
- The initial CSS solutions moved the content right but not far enough to align with the menu items
- A revised code snippet was provided that successfully aligned the phone number with the last menu item
- The issue was marked as resolved with the user confirming the final solution worked perfectly
Hi @INFRA
You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings
.announcement-bar {
grid-area: language-currency !important;
}
Hi @INFRA ,
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks
thanks! this does move it to the right, but not in line with the last menu item. Is is possible to move it even further?
1 Like
that worked perfectly, thank you!
1 Like
You are very welcome!