Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 15, 2019 at 2:45 pm #1127949
    Picadilly_2019

    Hi,

    I work with a main menu to slide to custom-ID’s I have added to the rows, works fine.
    However, if I leave the homepage slider (when I click on a portfolio item and a portfolio page loads), the main menu doesn’t work anymore, and you would have to go through home to be able to acces all the homepage items. How do I fix this?

    Kind regards,
    Peter

    August 16, 2019 at 6:15 am #1128141
    Rikard

    Hey Picadilly_2019,

    Please try to use the full URL for your anchors, for example:

    https://your.site/#anchor

    Best regards,
    Rikard

    August 16, 2019 at 11:31 am #1128230
    Picadilly_2019

    Hi Rikard, this works, thanks!!

    I have 2 more questions:
    On safari the animations in the home slider start only after the part where an animation happens of fully onscreen. That’t pretty late, an image only gets visible after you almost scroll through so fare that the text above the image is offscreen. Can I adjust the moment of animations sliding in?

    The other one concerns the header with logo and menu on a mobile device. The header disappears when sliding, is it possible to keep the header at all time on a phone?

    Thanks again, love working with Enfold!!!!!

    Kind regards,
    Peter

    August 19, 2019 at 3:23 pm #1128926
    Ismael

    Hi,

    Can I adjust the moment of animations sliding in?

    Yes, that’ possible. You can adjust the offset value of the waypoints scripts. It’s in the js > shortcodes.js file. Look for this block around line 217 and replace the “80%” and “95%” offset value with “-50%” so that the animation triggers when the element is visible at the bottom of the screen.

    	function activate_waypoints(container)
	{
		//activates simple css animations of the content once the user scrolls to an elements
		if($.fn.avia_waypoints)
		{
			if(typeof container == 'undefined'){ container = 'body';};

			$('.avia_animate_when_visible', container).avia_waypoints();
			$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'});

			if(container == 'body') container = '.avia_desktop body';
			$('.av-animated-generic', container).avia_waypoints({ offset: '95%'});
		}
	}

    Thank you for the update.

    Best regards,
    Ismael

    August 19, 2019 at 6:28 pm #1128992
    Picadilly_2019

    Hi Ismael,

    Thanx for your solution, it works!

    I posted another question that you may have overlooked:
    “The other one concerns the header with logo and menu on a mobile device. The header disappears when sliding, is it possible to keep the header at all time on a phone?”

    Could you please let me know whether this is possible?

    Kind regards,
    Peter

    August 20, 2019 at 1:46 am #1129059
    Ismael

    Hi,

    Thank you for the update.

    That is the default behavior of the header on mobile devices — sticky headers are disabled by default. It’s not really recommended to keep a fixed header because there’s a limited space on mobile devices. Also, users can immediately access the navigation by tapping their devices, so it’s not really necessary if the purpose is convenience.

    Best regards,
    Ismael

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