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:
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
User | RANK |
---|---|
277 | |
87 | |
56 | |
46 | |
43 |