-
AuthorPosts
-
March 15, 2017 at 9:44 pm #761628
Would it be possible to make it ignore things that are not a section?
For example, look at my site.
The page is created like this:
– A fullscreen slider (With down arrows ON)
– A Full width sub menu
– A section with contentWhen you click the down arrow it goes to the next part of the page. Wich is the submenu. The the URL gets added the 2″ #sub_menu1″ after it. Would it be possible to make it ignore the submenu, and just jump to the content when clicking the arrow? It doesn’t make any sence that the theme would allow you to use the arrows to skip to a menu.
March 20, 2017 at 3:08 am #763427Hey adferger1,
Please provide admin credentials so we can look into this further.
Best regards,
Jordan ShannonMarch 20, 2017 at 11:25 am #763568What do you need login details for? You can just tell me how I do it.
March 20, 2017 at 11:46 am #763574well the scroll-top function is on shortcodes.js line 1552
scroll_top: function() { setTimeout(function() { var target_offset = target_wrap.offset().top - 175, window_offset = win.scrollTop(); if(window_offset > target_offset || target_offset - window_offset > 100 ) { $('html:not(:animated),body:not(:animated)').animate({ scrollTop: target_offset }, options.timing, options.easing); } },10); },
and stackoverflow is full of good hints for a function with scroll-bottom behavior.
Or much simpler : place a button as you like and link to the anchor #footer (or #socket) – the anchor link is animated as well in enfold.March 20, 2017 at 11:48 am #763576Thanks :)
So how do I do that?
Just tell me in plain English. I prefer to do it myself if you could just tell me what to do…March 20, 2017 at 5:17 pm #763698Hi,
You can find the shortcodes.js file in the root folder wp-content>themes>enfold>js
If you are looking towards the simpler solution you can add a button to your desired section and link to the target sections custom id. This is done via the ALB.
Best regards,
Jordan ShannonMarch 20, 2017 at 5:29 pm #763700I have no idea what that means…
March 20, 2017 at 8:55 pm #763788well now see here first – is this the thing you like to have ( top left position)
https://webers-testseite.de/kokon/pages/faq/(do not look to the logo – it is a next trial an error thing of my testings)
click on that little arrow
March 20, 2017 at 9:00 pm #763790if so here is the code goes to functions.php of your child-theme:
function scroll_to_bottom() { ?> <a class="avia_pop_class" href="#fb-root"><div title="scroll to bottom" class="scrolldown"></div></a> <span class="avia_hidden_link_text">Scroll to bottom</span> <?php } add_action('ava_main_header' , 'scroll_to_bottom');
this here goes to quick css:
a .scrolldown { left: 2px; position: absolute; top: 2px; } a:hover .scrolldown:before { background-color: #fff; border: 1px solid #ebebeb; color: #000000; opacity: 1 } a .scrolldown::before { content: "\e873"; border: 1px solid #aaa; color: #999; font-family: entypo-fontello; font-size: 24px; font-weight: bold; height: 40px; line-height: 40px; position: absolute; text-align: center; width: 40px; transition: all 0.5s ease-out 0s; }
- This reply was modified 7 years, 9 months ago by Guenni007.
March 20, 2017 at 10:22 pm #763836Hey!
Let us know if that works out for you and it is what you have been looking for.
Best regards,
BasilisMarch 21, 2017 at 11:32 am #764118Tried it. Didn’t work.
Clicking on the down arrow still navigates to #sub_menu1Any other suggestions?
Also: I would just like to point out that I dont understand why the theme wasn’t coded to ignore the submenu from the beginning. I can’t imagine people would ever hit a down arrow to go to a fullwidth submenu. But maybe thats just me? :)- This reply was modified 7 years, 9 months ago by adferger1.
March 21, 2017 at 12:32 pm #764145Without your site i stop support from me now.
Sorry – as you now can see – the scroll down button goes to the maximum bottom of all. Because the ID : fb_root is the last ID in all Enfold pages/posts (its just before body closes after all scripts)Maybe you have set the submenu to be a sticky one – so it is indeed at the top of the sceen. I have on the example page set it to not be sticky.
So look what happens than.March 27, 2017 at 3:17 am #767132Hi,
Please edit the js > avia.js file, look for this code around line 803:
originHash = newHash; container = clicked.parents('.container_wrap:eq(0)').nextAll('.container_wrap:eq(0)');
Replace it with:
var checksub = ''; originHash = newHash; if(clicked.parents('.container_wrap:eq(0)').nextAll('.container_wrap:eq(0)').is('.av-submenu-container')) { checksub = 1; } else { checksub = 0; } container = clicked.parents('.container_wrap:eq(0)').nextAll('.container_wrap:eq('+checksub+')');
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.