Adjusting Announcement Bar Text Size and Removing Menu Downward Arrow

Sheeks
Tourist
21 0 2

Could anyone help me increase the size of the text inside the announcement bar? Also, I'm looking for assistance to remove the downward arrow sign in the menu. Thank you for your help!

 

WhatsApp Image 2024-06-05 at 22.55.01.jpeg

Replies 3 (3)

kaiyaa
Explorer
254 19 24

Hello @Sheeks 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
.menu-list-box li.menu-item svg {
    display: none;
}
.announcement-bar-text {
    font-size: 14px;
    font-weight: 600;
}
</style>

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
Sheeks
Tourist
21 0 2

WhatsApp Image 2024-06-06 at 08.05.18.jpeg

Thank you so much for your help. With your assistance, the downward arrow has been removed. However, I’ve encountered a new problem. The announcement text has become double-lined, meaning the size of the announcement bar has doubled. As the text size increased, the announcement text became larger, but I would prefer if only the text size increased while keeping the announcement bar the same size as the reference screenshot below. Can you suggest how to achieve this? Thank you so much!

WhatsApp Image 2024-06-06 at 08.14.14.jpeg

Sheeks
Tourist
21 0 2

yes pls. the collaborator request code is 6562. https://sheeksorority.com/ Thank u so much in advance!