Announcement bar menu is not showing on mobile

Spadix
New Member
4 0 0

Hello shopify neighbors, I was editing my website announcement bar to show the store whatsapp number and when I checked it on mobile I noticed the menu wasn't showing at all on mobile to begin with ( see below pictures ) the top right items are the menu items that I setup which lead to links the location one leads to google maps location and the whatsapp icon and number lead to a wa.me link.  and as you can see in the long picture which represents how the website looks on mobile, you cant see any of the menu items for the whatsapp number and location, any help would be appreciated, and thanks in advance!
Website URL is "www.Spadix.ae"

Spadix_1-1624458640069.png

 

Spadix_0-1624458526229.png

 

0 Likes

@Spadix, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > styles.css and paste this at the bottom of the file:

 

@media (max-width: 767px){
.announcement-bar__right > .desktop-only{
    display: flex !important;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}
}

 



Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes