[markw1Participant]

Hi there,

Can you please help me with 3 issues using Convertplug Info Bar.

1) I have set height of info bar to 30px but this does not seem to change.
2) I have a fixed static navigation, and top bar, and I would like Info Bar to NOT cover the navigation when you scroll down when the infobar is being displayed – I can see a similar answer here https://community.theme.co/forums/topic/convert-plug-vs-fixed-header-info-bar-partially-covers-headernav-bar-on-scroll/

My site is in dev currently http://stephenmarriott.kinkoo.co.uk/

[RadModerator]

Hi there,

Thanks for writing in.

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

  body[style^="margin-top: 76px;"] .x-navbar-fixed-top {
  top: 76px;
  }

Thanks!

[markw1Participant]

2) is fixed, thanks so much works perfectly

However 1) is still an issue.

I have changed the size of the info-bar – BUT this makes no difference.

I have cleared caches and restarted my machine.

Can you advise.

I have set to 30px (The minimum the slider will allow), but it still is 80px when it is displayed.

i have attached screenshot

[markw1Participant]

This reply has been marked as private.

[LelyModerator]

Hello Mark,

Thank you for the URL.
30px is just set as minimum height so it will not affect the height of the Info bar.
Part of the height is coming from bottom margin set to form from the theme. We can reset that bottom margin to zero. Add the following custom CSS:

form#smile-optin-form {
    margin-bottom: 0 !important;
}
.home .cp-flex.cp-ib-container {
    padding: 0 20px;
}

That CSS will remove all extra spaces. But then even after that, it will still cover part of the navigation. There’s no more room to adjust. The user must close the info bar to see the navigation.

Hope this helps.

[markw1Participant]

ALL FIXED,

I just had to correct the original CSS selector to find the new margin-top.

Now all working thanks for your help.

body[style^=”margin-top: 45px;”] .x-navbar-fixed-top {
top: 76px;
}

[LelyModerator]

You’re always welcome Mark!

Cheers!

[markw1Participant]

Hi there, have the same issue on another site,

I want the the site to move down, when the info bar is showing.

However, I cannot see the style in body to trigger the on-off of the extra top

Can you help?

I will post URL privately

[markw1Participant]

This reply has been marked as private.

[Nabeel AModerator]

Hi again,

You can try adding the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

(function(){
    jQuery.fn.addClass = function(){
        jQuery(this).trigger('smile-slideInDown');
    }
})();

jQuery(document).ready(function($){
    $(".cp-pos-top.cp-info-bar-shadow").bind('smile-slideInDown', function(){ 
        if( $('.cp-pos-top.cp-info-bar-shadow').hasClass("smile-slideInDown") ) {
			$('body').css('margin-top', '53px');
		}
		else {
			$('body').css('margin-top', '0');
		}
    });
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[markw1Participant]

Hi there, Nabeel,

Sorry this is not working.
The ConvertPlug info bar now not showing, and menu is no longer fixed at top of page?

[LelyModerator]

Hi There,

I found the following error on the console that might prevent fixed top menu from working:

Uncaught TypeError: e.data.indexOf is not a function
    at B (d35xxde4fgg0cx.cloudfront.net/assets/embedded.js:1)
    at d35xxde4fgg0cx.cloudfront.net/assets/embedded.js:1
d35xxde4fgg0cx.cloudfront.net/assets/embedded.js:1 Uncaught TypeError: e.data.indexOf is not a function
    at B (d35xxde4fgg0cx.cloudfront.net/assets/embedded.js:1)
    at d35xxde4fgg0cx.cloudfront.net/assets/embedded.js:1
util.js:211 Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
aB.j @ util.js:211
js:35 Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error
_.qb @ js:35

Would you mind providing us with login credentials so we can take a closer look on your settings? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[markw1Participant]

This reply has been marked as private.

[markw1Participant]

This reply has been marked as private.

[LelyModerator]

Hi There,

When I visit Appearance > Customize > Custom > Edit Global Javascript it is empty. Although the error is still there. See attached screenshot.

For this error: Google Maps API error: MissingKeyMapError , go to Appearance > Ubermenu > General Settings > Assets > Load Google Maps API: Unchecked this.

You have so many plugins and I am not sure where the other error is coming from. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

[Author]

Posts