Shopify themes, liquid, logos, and UX
Hi All,
I am unable to remove the drop down menu from the mobile view of my site uralorganics.com.
Could anyone please suggest if it can look like the menu on the desktop site or at-least be always visible. Customers are complaining that the site has no products listed apart from what's visible.
Please help!!!
Add this code in theme.scss or Theme.css
.btn--link site-header__icon site-header__menu js-mobile-nav-toggle mobile-nav--open{
display:none;
}
thank you.
Added it here and saved. Doesn't seem to help dear. The issue still persists
@media only screen and (max-width: 749px){
.site-header__icons .btn--link, .site-header__icons {
display: none;
}
}
@dakshdawar
use this
@Zworthkey Thanks a lot for trying to help, however it doesn't seem to be working out. 😞
Still no change after I updated
@media only screen and (max-width: 749px){
.site-header__icons .btn--link, .site-header__icons {
display: none;
}
}
Use this this will help you to remove.
Thanks again.
This completely removes the drop down, but we cant see any menu options on the top like the desktop. 😞
Screen shot pls
In Hamberg, menu dropdown menu exists.
@media only screen and (max-width: 749px){
.site-header__icons .btn--link, .site-header__icons .site-header__cart {
font-size: calc(((var(--font-size-base))/ (var(--font-size-base))) * 1em);
}}
Search this In theme.scss.
And remove this.
@media only screen and (max-width:749px) {
}
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025