(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
25097 2512 9077

@thesource 

sorry for this issue 

can you please share video or screenshot further issue so i will guide 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
thesource
Tourist
4 0 4

Hi again, I sent you a private message but not sure you received it. I still need help with this if possible! Customers don't understand to click arrow to get dropdown menu so I want to the whole bar to be clickable and bring up the dropdown when clicked. 

 

Thank you!

 

IMG_2022.PNG

KetanKumar
Shopify Partner
25097 2512 9077

@thesource 

thanks for the details can you please try this 

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

@media only screen and (max-width: 767px) {
.mobile-nav__toggle {
width: 100%;
    position: absolute;
    left: 0;
    text-align: right;
}
.mobile-nav__toggle button {
    float: right;
}
}

 

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
thesource
Tourist
4 0 4
KetanKumar
Shopify Partner
25097 2512 9077

@thesource 

it's my pleasure to help us

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

Hello Ketan!

 

I'm having a similar issue. I'd be really grateful if you could help me out with this.

Currently, the pages under "Posters" open on mobile devices only when you click on the "+" icon. I would like to have it set up so that when users click on the word "Posters" the additional pages show up. I've attached a screenshot, hope it helps you get a better idea.

I'd really appreciate any advice you can give me about this

ArtMementosTeam_0-1623088635579.png

 

Nouha
New Member
1 0 1

It Works !!! Finally !! Thank you sooo much

KetanKumar
Shopify Partner
25097 2512 9077

@Nouha 

Great Thanks for update

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
25097 2512 9077

@ArtMementosTeam 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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

Thanks for getting back to me @KetanKumar !

 

This is the URL: https://artmementos.com/

And the password is "Lekotaka123"

 

Thanks again