How to add a menu to top right of announcement bar?

Technical Q&A
,
1

I’ve searched around, but can’t find quite what I’m trying to do.

I would like to add a menu to the right on the announcement bar – so the announcement would be aligned left and the menu would be aligned right. Like this:

Screen Shot 2023-07-13 at 9.41.51 PM.png
Screen Shot 2023-07-13 at 9.41.51 PM.png1928×210 21.6 KB

I know how to call the menu I’ve created with the code below-

{% for link in linklists.top-menu.links %}
<a href="{{ link.url }}">{{ link.title }}</a>
{% endfor %}

But I can’t figure out how to get the menu to appear where I want it to – to the left of the announcement within the announcement bar.

I’ll be forever grateful for any assistance!

2

Hey there,

There is more CSS adjustments needed after such change for mobile and desktop view. I would not change that code and keep as it is. You may consider using an app solution for this.

We also have Announcer app with few modes to choose from and it is free:
https://apps.shopify.com/pasilobus-announcer