What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Mobile Menu broke, glitching can't seem to figure it out.

Mobile Menu broke, glitching can't seem to figure it out.

luhlex
Tourist
4 0 2

Hello,

 

When testing on mobile my menu is grey/ glitched out on the virtual realm* & ardor archive* can't really figure out why, any input would be appreciated not really a coder but know minimal from a class 3 years ago. Image below!

(It glitches out and turns grey only when those two categories are clicked, the other work properly)

 

website: https://ardorcompany.com

 

IMG_1216.jpg

Replies 4 (4)

Webstablish
Shopify Partner
71 12 16

@luhlex, it seems on those pages the menu can't be found by the script you're using:

 

Webstablish_0-1729450645218.png

I think this has to do with the page setup. On the working version there is a defined header section:

Webstablish_2-1729450815977.png

On the non working version that's missing:

Webstablish_3-1729450860055.png

MenuQoL: Hide & Copy Menus | Tutorial
- Hide your seasonal menu items instead of throwing them away
- Copy navigation menus to save time
luhlex
Tourist
4 0 2

Sorry if this sounds dense lol,

 

So what should I do to fix this? Do I need to manually add those somewhere do you mind breaking it down?

 

Thanks

Webstablish
Shopify Partner
71 12 16

@luhlex, there has to be some kind of difference between the pages that work and the pages that don't. If I were you, I would go the theme editor and open a working page. Put that on the left half of your screen. On the right half, do the same for a non working page. Compare to see if there are any differences, especially in the header section.

 

Alternatively, you could start over with a new page and add the elements of the non working page piece by piece. Eventually you will find the element that causes the menu not to work (if there is one).

MenuQoL: Hide & Copy Menus | Tutorial
- Hide your seasonal menu items instead of throwing them away
- Copy navigation menus to save time

Dan-From-Ryviu
Shopify Partner
10344 2054 2137

Hi @luhlex 

Did you get this issue on a special mobile device? Because I have checked on my mobile and its working well. 

- Helpful? Like and Accept solution! Or Support me: Buy Coffee
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.