What causes the misalignment in the Announcement Bar
The Announcement Bar in Debutify Theme Version 8 is structured with three sections:
Left bar
Announcement
Right bar
Misalignment occurs when more than one block is added to the Left bar section β typically when both the Social media block and a Description or another content block are used together.
β
Since the Announcement Bar is designed to be minimal and compact, using multiple blocks in the Left bar can push elements out of alignment, especially the social media icons.
How to fix it by using a single block
To avoid layout issues and maintain a clean appearance:
β
Use only the Social media block in the Left bar
β Do not use additional blocks like Description in this section
Doing this will ensure your icons remain neatly aligned and the bar stays visually balanced across devices.