atlantic theme help

longrassstyle
New Member
2 0 0

I have just started using the Atlantic theme.  Does anyone know why my drop down menu is not working on mobile.

 

Thanks Belinda

0 Likes
Aria
Shopify Staff
Shopify Staff
826 34 285

Hey, @longrassstyle!

Aria here, I'm on the Social Care team at Shopify.

I'm sorry to hear your menu is not working on mobile. I can take a look if you'd like to provide me with your store URL.

Thanks!

Aria | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
longrassstyle
New Member
2 0 0
Hi thanks for your reply.
www.longrassstyle.com.au
0 Likes
gina-gregory
Shopify Expert
710 48 169

Your links are there, but they're white. You'll need to update the CSS in the theme.css file.

find this:

.mobile-dropdown .list .list-item a {
  position: relative;
  display: block;
  padding: 16px 18px;
  margin: 0 auto;
  font-size: 13px;
  color: #ffffff; <--- this is white
}

change to this:

.mobile-dropdown .list .list-item a {
  position: relative;
  display: block;
  padding: 16px 18px;
  margin: 0 auto;
  font-size: 13px;
  color: #39423d;
}

And change the close button color as well:

find this:

.mobile-dropdown .mobile-dropdown--close .icon-close {
  width: 14px;
  height: 14px;
  color: #ffffff;
}

change to this:

.mobile-dropdown .mobile-dropdown--close .icon-close {
  width: 14px;
  height: 14px;
  color: #39423d;
}
0 Likes