A user is experiencing an issue where additional navigation links appear on desktop but are missing from the mobile navigation drawer in their Sahara theme.
Proposed Solution:
Another user suggests adding CSS media queries to control link visibility:
The CSS targets .header__nav-item.additional-links class and uses display properties to toggle visibility based on screen size.
Status: The responder offers further assistance by examining the theme code if the user approves collaboration. The issue remains unresolved pending the original poster’s response to the suggested CSS fix.
Hi guys.
I have few Additional links on the Desktop navigation but these links are not showing up on the Mobile navigation drawer. How I could add them to the Mobile Navigation Drawer? Sahara theme.
Preview - https://m2459wzj9raaehp8-59577598157.shopifypreview.com
Hello @combased
you can try by adding this in css file
/* Hide additional links on larger screens (e.g., desktop) */
@media (min-width: 768px) {
.header__nav-item.additional-links {
display: none;
}
}
/* Show additional links on smaller screens (e.g., mobile) */
@media (max-width: 767px) {
.header__nav-item.additional-links {
display: block;
}
}
For More, I can assist you with this by examining your theme code. Once you approve the collaboration, we can proceed with fixing the issue for you.