Hello Support!!!
Haven’t written in lately. Mostly because you folks are awesome at what you do and whatnot.
So I’m hoping you might be able to help me here. I’m looking to create a button / link to scroll or move ‘scrolling’ header content to the left or right a certain px amount on click.
I’m thinking a ScrollLeft Jquery script will do it but I can’t seem to get the code right. I’ve found some help within the forum, but nothing has got me there thus far. Check below for example and what I’ve done so far.
A - This page has two tabs and I’ve created links within the panels to help navigate content.
http://cimpl.studio/gms-landing/individuals/
B - This is the page that needs help. There are going to be 8+ tab panels here and rather than having a bunch of navigation tabs, I’ve hidden that tab list and created a custom header for this page with scrolling content. I’ve got the navigation in place and I can scroll that content via hover > scroll, but I need something visible and clickable there to help navigate in case the mouse isn’t in the right place. I’m going for a left and right arrow that scroll that specific header bar’s content say 30px on click. Ideally the arrow would disappear once you’ve reached the farthest in that direction.
http://cimpl.studio/gms-landing/organizations/
Hopefully I've been clear here in what I'm trying to achieve and you can help me out. Thank ya.
Kale