September 22, 2019 at 8:24 pm #1140738
I duplicated one section and set one for large screens and another for small screens. In the section settings I have enabled the scroll arrow to be displayed in the next section. There was no problem before version 4.6.2 and this feature was working properly. But after updating my problem with the large screens (desktop browser) when clicking on the next section arrow points to the hidden section that should be displayed on the small screens (mobile browser) !
Please check this out and find out what needs to be done to fix the problem.
Good luck ;)September 25, 2019 at 3:39 am #1141657
Thank you for the inquiry.
Is there a test page where we can see the issue? Please provide the link in the private field so that we can check the setup of the page. Have you tried switching the position of the color sections?
IsmaelFebruary 10, 2020 at 5:38 am #1182922
I have a similar related issue on scrolling sections. All are set to 90% and the arrow shows fine. However if the last section on the page is fixed height say 400px or another fullwidth element (like page content) and you click the arrow to scroll to the next section it won’t scroll. It tries to but stays put and actuall goes backwards a bit. Please advise. You can see this on the page link in the private area below.
BTW, scrolling seems very jerky to me. Can you kindly look at why or suggest a solution for that too?
February 11, 2020 at 5:10 am #1183327
- This reply was modified 6 months ago by s29ers.
Thank you for the update.
Looks like it’s trying to scroll to a hidden section (av_section_11). Please try to edit the js > avia.js file and look for this code around line 735:
container = clicked.parents('.container_wrap:eq(0)').nextAll('.container_wrap:eq(0)');
Replace it with:
container = clicked.parents('.container_wrap:eq(0)').nextAll('.container_wrap:eq(0):visible');
The arrow will try to look for the next visible section instead of the section next to the current one.
You must be logged in to reply to this topic.