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) {
}
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025