FROM CACHE - en_header

(Supply theme) On mobile, make the whole menu bar clickable, not just the arrow icon at the end

Solved
rcrc
Excursionist
11 0 2

Hello,

On mobile, how to make the whole menu bar clickable and not just the arrow icon at the end ?

I let friends try the menu bar on mobile and they were ALL triying to click on the text-menu intuitively and not on the arrow, they were confused it didn't open the dropdown menu...

Now only the arrow (in yellow) opens the menu but I want the whole zone (in red) to be clickable...

 

Capture.JPG

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

please what to do to solve this ?

Thank you very much

Roberto

Replies 27 (27)
KetanKumar
Shopify Partner
35817 3580 11590

@ArtMementosTeam 

thanks for detail please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.drawer__nav-link--top-level + .drawer__nav-toggle-btn {
    position: absolute;
    width: 98%;
    height: 58px;
    text-align: right;
    left: 0;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ArtMementosTeam
Tourist
4 0 3

Thank you very much @KetanKumar!

 

It works perfectly now 🙂

 

I appreciate it and I will most likely hire you to assist me with certain issues I'm facing with the theme in the future.

 

Thanks again!

KetanKumar
Shopify Partner
35817 3580 11590

@ArtMementosTeam 

thanks for your compliments

it's my pleasure to work with you

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
35817 3580 11590

@dededus 

thanks for url bt how can i help you?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tigerlilycrafts
New Member
2 0 1

Hi Ketan! Sorry to jump on with the requests but I could really use this fix if you are able to do it for my site please?

 

www.tigerlilycrafts.co.uk

 

We're having a problem with the arrows not aligning - being able to have the dropdown open with the text and not just the arrows would be the perfect fix!

KetanKumar
Shopify Partner
35817 3580 11590

@tigerlilycrafts 

thanks it

i have cheked its workign fine what's issue?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ezzatkal
New Member
1 0 0

I am facing the same issue, I need the sub menu to collapse without clicking on just the arrow, my store is www.sadeenco.com