Accordion Items Jumping around.

scott74 · May 2020

I have some items in an according. On Mobile when you click the accordion items the screen jumps around sometimes all the way to the footer instead of just opening the item and staying in visibility of that item at the top of the screen leaving the user not really knowing where they are at after clicking one of the accordion tabs.

How can I fix this. The only way it seems to work well if you start on the very bottom tab and work your way back to the top when opening them.

Appreciate your help on this. Thanks.

https://tequilamex.com/menu/

Video Demo here. You can see when clicked on "STEAKS" it went all the way to the footer and FROM THE GRILL jump the bottom of all the items inside that ttab.

https://tequilas.s3.amazonaws.com/teqmenu.MP4

Would also like to see if I can get this to scroll to top when clicking on the vertical tabs near the bottom on desktop?
https://www.loom.com/share/14fbfbe6477e4e7d9a2f22335dd6e644

Pablo · May 2020

Hello,

Did you test if it works with all of the plugins disabled? (clear the cache of your browser after disabling it)

Also, did you insert inside the accordions some JS scripts?

Thanks

scott74 · May 2020

Looks like possibly the short short codes I am putting in there from the menu plugin I bought.
Does this only work well with straight text or html and not short codes from other plugins?

Although I did try just long text. The screen did not jump all the way to the bottom but it does not stay at the very top of that accordian tab that you open, goes more toward the middle of the content inside that accordian unless the content is very short. Thanks. for taking a look

https://imgur.com/a/FlgMYZP

Pablo · May 2020

Yes, the accordion item does not scroll to the beginning of himself while opening it.

Sadly, there is no workaround to it.

If you have some other questions, feel free to ask.

Thanks

scott74 · May 2020

ok thanks... Just wondering, why when you open tabs starting from bottom to top if works perfectly but not top to bottom? Is this something that can be looked at in a future update?

Bryan · May 2020

Not sure I understand correctly, could you please show the link and screenshot of what you mean?

thanks

scott74 · May 2020

When you start at the bottom of the accordion and work your way up its fine but when you start at the top and start opening other tabs it jumps all around especially on the Steaks tab takes you all the way into the footer of the site.

Video here

https://814media.s3.amazonaws.com/Tequilas/bottom+to+top.MP4

Bryan · June 2020

This is something that is hard to handle since the space created about will collapse.

Maybe try to use toogle style for the mobile phone, it will not close the previous tab but it will not jump:

https://prnt.sc/srjqgf

thanks

scott74 · June 2020

Ah Yes.. I think that is better. They can just close them manually for now if they want.

Thanks

Accordion Items Jumping around.

Comments

This website uses cookies