Header nav not showing in Safari or on mobile (Expanse theme)

annnnnakate
Shopify Partner
3 0 0

Hello! I am styling a theme for a client and right as we're going to go live, the header navigation stopped showing in Safari and in mobile on iOS (both Safari and Chrome apps). I have not been modifying the header at all, except to install a third-party plugin to allow for more design modifications. The issue I am experiencing occurs with the native menu from the theme, as well as the plugin that I installed.

 

Would someone be able to help me identify what is going on and how I can solve it?

URL: https://buchroeders-jewelers.myshopify.com

 

Here are some screenshots of what I'm seeing:
Desktop-Chrome.png

Desktop-Safari.png

Mobile-Chrome.jpeg

 

 

Reply 1 (1)
AvadaCommerce
Shopify Partner
3033 696 566

Hi @annnnnakate ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

@media (min-width: 768px) {
#shopify-section-header {
    position: static !important;
}
}
@media (max-width: 767px) {
#HeaderWrapper {
    position: static !important;
}
.slide-nav__wrapper:after {
display: none !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE