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

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

3CraftyMs
Tourist
13 0 3

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

 

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!  

 

 

Reply 1 (1)

Ugurcan
Shopify Partner
348 7 34

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

Pasilobus | eCommerce Experts, Shopify Apps & Development since 2015 -- www.pasilobus.com