Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 15, 2017 at 9:44 pm #761628
    adferger1

    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 content

    When 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 #763427
    Jordan Shannon

    Hey adferger1,

    Please provide admin credentials so we can look into this further.

    Best regards,
    Jordan Shannon

    March 20, 2017 at 11:25 am #763568
    adferger1

    What do you need login details for? You can just tell me how I do it.

    March 20, 2017 at 11:46 am #763574
    Guenni007

    well 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 #763576
    adferger1

    Thanks :)
    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 #763698
    Jordan Shannon

    Hi,

    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 Shannon

    March 20, 2017 at 5:29 pm #763700
    adferger1

    I have no idea what that means…

    March 20, 2017 at 8:55 pm #763788
    Guenni007

    well 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 #763790
    Guenni007

    if 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, 8 months ago by Guenni007.
    March 20, 2017 at 10:22 pm #763836
    Basilis

    Hey!

    Let us know if that works out for you and it is what you have been looking for.

    Best regards,
    Basilis

    March 21, 2017 at 11:32 am #764118
    adferger1

    Tried it. Didn’t work.
    Clicking on the down arrow still navigates to #sub_menu1

    Any 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, 8 months ago by adferger1.
    March 21, 2017 at 12:32 pm #764145
    Guenni007

    Without 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 #767132
    Ismael

    Hi,

    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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.