ConvertPlus (Sticky Info Bar)

[M112]

Summary

1.) How can I “close a ‘ConvertPlus’ Sticky Info Bar on a Scroll Up Action.”
i.e. - After Scroll To Certain ID / Class (This is for launching.)

****I’d like a user, who scrolls up past a certain ID for the Sticky Info Bar to disappears. (Slide Back Down)

Really hoping the Apex team might have some ideas and wisdom for me.

Its been killing me all day.

Thanks a lot in advanced. (Seriously!!)

[basanta]

Hi @MUL,

Thanks for writing in!

The WordPress login you have sent is not working for us. Please check and let us know.
Regarding your first question, you may need custom development to achieve the feature.
The CSS things only we can suggest you after checking the website, as its under a coming . soon page.

Thanks

[M112]

Summary

The login works. (Please use ‘Wordpress’ Login)

The CSS to works for Google Chrome.
** It does not however work for Safari.

Again. -> How can I “close a ‘ConvertPlus’ Sticky Info Bar on a Scroll Up Action.”
i.e. - After Scroll To Certain ID / Class (This is for launching. Need one for closing.)

****I’d like a user, who scrolls up past a certain ID for the Sticky Info Bar to disappears.

A great example is: http://deuscustoms.com/

**Scroll past the menu.
**The yellow info bar at the bottom loads.
**Scroll back up past the menu.
**The yellow info bar hides.

*** Also, is there a way to hide “/#” from the url. So, the modal opens on (within) the home page. So that the Info Bar is always active.

[christian]

Hey M,

The features you’ve described are neither offered by Pro nor ConvertPlus. I’ll show you an example Javascript to hide the Info Bar when it reaches a certain scroll position but please note that we will not support issues that will arise from the use of custom codes nor further enhancing them.

Below is the sample code. Javascript code should be placed in Theme Options > JS.

jQuery(function($) {
	$(window).scroll(function() {
		if ( $(this).scrollTop() < 40 ) {
			$('.cp-info-bar-container').hide(1000);
		}
		else {
			$('.cp-info-bar-container').show(1000);
		}
	});
})

The Info Bar should behave like in the screencast below.

There’s no option to remove the # in the URL. That would require further custom JS development. You will need to enlist help from a third party developer to extend ConvertPlus.

Hope that helps and thank you for understanding.