Please help me move the icons to the left. I’m working on the dawn template [tuoze-pl (1).png]

Hi @tuoze Try adding the below code to the end of “base.css” file .announcement-bar-section .page-width.utility-bar__grid { max-width: 100%; } If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

Hello @tuoze Please share your store URL.

This is Noah from PageFly - Shopify Page Builder App I can help you. Please can you provide the website url. Thank you. Best regards, Noah | PageFly

Thank you very much, it works :slightly_smiling_face: I have one more question. How to make all elements align in the same way? [Zestawy-–-tuoze-pl.png]

Hi @tuoze Glad to hear it helped Can you please share URL so that I can guide you based on your current design.

Hi tuoze.pl Thank you in advance :slightly_smiling_face:

@tuoze You can add the below code to end of “base.css” file @media screen and (min-width: 990px){ .header:not(.header--middle-left,.header--middle-center) .header__inline-menu { margin-left: -2px; } } [JasmeetVT14313_0-1713852677940.png] If this information was helpful to you, please give i…

It looks very good on a large monitor, thank you. Unfortunately, on a laptop monitor, social media icons do not adhere to the edges. Can you also help me with the other side? so that it can also be equalized? [Oxygen-–-tuoze-pl.png]

Hi @tuoze Try adding below css to end of base.css file @media screen and (min-width: 1200px) and (max-width: 1799px){ .announcement-bar-section .page-width.utility-bar__grid { max-width: 100%; padding-left: 5rem; padding-right: 5rem; } } If this information was helpful to you, please …

Hello thank you very much for help. The menu is currently on a gray bar, it is a very subtle shade of gray and may not be very visible. It would be nice if it was possible to align the elements on the left, or align the menu bar to the elements. Even if it was possible to align the right side. a sh…

@tuoze Instead of getting back and forth here, let me do it for you. If you require further help to modify your store or you’d like to discuss this more, don’t hesitate to send me a PM.

Moving social media icons to the left edge. At the top of the page

Shopify Discussion

tuoze April 22, 2024, 10:41am 7

Hi
tuoze.pl
Thank you in advance

Topic		Replies	Views
Announcement Bar Social Media Icons Alignment Dawn Theme Store Design troubleshooting	1	49	April 10, 2024
Social media icon alignment in announcement bar - reducing padding on left Shopify Discussion troubleshooting	4	76	January 11, 2025
How can I align individual elements on my website? Technical Q&A css	3	43	April 24, 2024
How to center align my social media icons in the announcement bar? (Dawn) Store Design design , shopify-themes , html	4	108	March 11, 2025
Realign Social Media Icons Inside Announcement Bar Store Design design , customizations	2	45	December 3, 2023

Moving social media icons to the left edge. At the top of the page

Related topics