To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

(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 29 (29)
KetanKumar
Shopify Partner
36263 3609 11695

@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
36263 3609 11695

@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
36263 3609 11695

@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
36263 3609 11695

@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 

murtazahussain
New Member
1 0 1

@KetanKumar 

Hi, I'm having the same exact issue. I'd like to make the whole bar of dropdown menus clickable instead of just the arrows.

 

This is the URL:  https://expostore.pk
menu.PNG

 

KetanKumar
Shopify Partner
36263 3609 11695

@murtazahussain 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

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