Remove Arrows (burger icon) from Drop Down Menu on Debut Theme for Mobile View

Store Design
1

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!!!

uralorganics.com

Screenshot_20210805-125453.png
Screenshot_20210805-125453.png1080×2340 469 KB

2

@dakshdawar
Please Mark what you want to remove.
I think hambergmenu

3

IMG-20210805-WA0008.jpg
IMG-20210805-WA0008.jpg738×1600 130 KB

1 Like
4

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.

5

dakshdawar_0-1628150717205.png
dakshdawar_0-1628150717205.png1920×1080 336 KB

Added it here and saved. Doesn’t seem to help dear. The issue still persists

6 
@media only screen and (max-width: 749px){
.site-header__icons .btn--link, .site-header__icons {
    display: none;
}
}

@dakshdawar
use this

1 Like
7

@Zworthkey Thanks a lot for trying to help, however it doesn’t seem to be working out. :disappointed_face:

Still no change after I updated

dakshdawar_0-1628151487714.png
dakshdawar_0-1628151487714.png1920×1080 333 KB

1 Like
8 
@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.

9

Thanks again.

This completely removes the drop down, but we cant see any menu options on the top like the desktop. :disappointed_face:

1 Like
10

Screen shot pls

11

In Hamberg, menu dropdown menu exists.

12 
@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) {

}