Accordion not adjusting properly – shows bottom of section content when click

[mhote]

Hi, I have an accordion setup with 13 sections (vertical). When clicking the header for anything but the first section, the accordion displays a random part of the content from that section – ie. displays near the bottom or middle of the section tile – like attachment 1 here. On localhost so can’t link sorry.

I expected the theme to always show the top of the accordion section when it’s clicked open ( so the user has to keep scrolling down to see the content) OR automatically bring the newly clicked section tile header to the top of page (like in attachment 2, which I thought it’d do). Thanks for help fixing this!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

That’s odd, I would have to see your link to check this. Please let us know when it’s online

– Kyle

[mhote]

This reply has been marked as private.

[Kyle – SUPPORT]

I’m afraid that’s a bit more advanced, for the page to adjust position depending on what accordion you click on is unfortunately quite a big task and is not within our scope of support, sorry

– Kyle

[mhote]

This reply has been marked as private.

[Kyle – SUPPORT]

The reason it works well on the demo is because there is only little content in the accordions. However with yours there is a lot, so when you open the second accordion, the first one closes which sends your second one further up the page. For it to stay in the same position the first one would have to stay open (basically using the toggle instead)

– Kyle

[mhote]

This reply has been marked as private.

[Kyle – SUPPORT]

You could use a toggle

– Kyle

[mhote]

This reply has been marked as private.

[Kyle – SUPPORT]

Well you could have them fixed by adding:

.spb_tour .nav.nav-tabs {
  position: fixed;
}

However then you’re back to your original issue where you have to scroll up again to get to the start of the content

– Kyle

[mhote]

Thanks Kyle, does Dante have any setting to make the tour content automatically scroll to the top, or any other workarounds built it? Seems a very strange default behaviour

[Kyle – SUPPORT]

No it doesn’t, obviously without fixing the tabs, you’re going to be at the correct position when you change tab, it’s only because you have fixed the tabs so you can change tab when you are lower down the page.

You can’t just expect the theme to know it has to scroll up, you would have to add custom JS for that

– Kyle