[mwago]

Hello,
I have a very specific issue. I am building a kiosk self-serving running android, chromme browser.
I did quite a css customization but one thing I cant figure out what I need to do to make it work.
Its a mobile.burger menu. On a product page its not responsive. It does not fit into screen, it out of view and I cant force it to move to the right possition. I made video to make it more understandable. thanx

https://mega.nz/file/V1xQ1RCD#P0lEqKmNgZ8nWXFyXxnaJ4yLWwl4-xIprsJag2hmBsg
adding also link to URL https://eshop.wvsignage.sk/produkt/stamped-cotton-blouse/ I think you will not be able to see the issue on a normal browser laptop pc, it does only on the kiosk chrome browser, its strange but still I believe I have to be able to force the menu to be shifted into screen.

thanx for support.

[Althemist]

Hi mwago,

I am afraid that’s far beyond the scope of theme support. On a standard android device (Chrome browser) I can see the mobile menu hamburger button. It’s just extremely big, badly positioned and doesn’t look in place there.

[mwago]

Hello,
it is big because is need to be easy to touch by finger on a touch screen.
Strange thing is, when there is a product without a variations or extras the BURGER icon is correctly positioned but when there is variation option the icon runs off the screen.
Can you please advice me CSS to move it more left of maybe some the responsive feature here is not working well. It should automatically move more left. what do you think?

[Althemist]

The recommended (bu Google) size for tap area is 40x40px. The original theme button is 46x46px. 🙂

We can’t give you CSS snippet for this, as it looks like it’s heavily modified, so we don’t know where which styling comes from.

Also, it looks like your layout is completely broken on mobiles – the content area is deformed and the footer is partially visible.

[Author]

Posts