I'm wondering if there is an easy way to use the mobile header for all screen sizes? I prefer the minimalist aesthetic. Screenshot of the mobile menu attached.
I've tried hiding all of the items in the top bar. For example:
<li id="top-bar-explore" data-nav="explore" class="phone-hide pop-btn pop-btn-auto pop-btn-auto pop-btn-show">
additions in red:
<li id="top-bar-explore" data-nav="explore" class="phone-hide phablet-hide tablet-hide laptop-hide desktop-hide pop-btn pop-btn-auto pop-btn-auto pop-btn-show">
but this hides the "explore" item from the mobile pop out menu as well.
I'm still working on this, but I'm curious if there is an easy fix I haven't thought of?
Cheers,
Raynor
I've tried hiding all of the items in the top bar. For example:
<li id="top-bar-explore" data-nav="explore" class="phone-hide pop-btn pop-btn-auto pop-btn-auto pop-btn-show">
additions in red:
<li id="top-bar-explore" data-nav="explore" class="phone-hide phablet-hide tablet-hide laptop-hide desktop-hide pop-btn pop-btn-auto pop-btn-auto pop-btn-show">
but this hides the "explore" item from the mobile pop out menu as well.
I'm still working on this, but I'm curious if there is an easy fix I haven't thought of?
Cheers,
Raynor