Convert Plus Change Position of Floating Share Bar... CSS?

Hi!

I’m using convert plus social sharing bar on my single posts page. I would like to change the position of the floating bar from left /center to I guess center/ center and have it appear before posts inline horizontally but below the actual title for single posts. As of now it appears left / center and covers part of the header. please see attachments.

Hi there,

Unfortunately, it is not possible to do so using only CSS as the ConvertPlus templates are all fixed positioned, and if we even can change the layout from vertical to horizontal it will not go under the title and it will stick to the bottom of the page.

I suggest that you use 3rd party plugins such as:

The plugin above is not an official recommendation and you can see the whole list of plugins to use:
https://wordpress.org/plugins/tags/bookmarking/

Anyway, the customization request you asked for is not possible with simple CSS code and it will need an extensive change in the codebase of the ConvertPlus plugin which is outside of our support scope.

Thank you for your understanding.

Hi, Christopher!

Thanks for your feedback. However,if possible I would like to avoid the use of an additional plugin. Within the current settings you can set the floating bar to appear at a certain point after scrolling which is great. The problem is the bar scrolls to the point where is goes completely up and down the page where it covers the header and footer. How can the position be adjusted via css so that it stops automatically where it is set to appear and above the footer?

mmm… I did not get exactly what you want the CSS code does. I understood the settings section you explained and the section which the bar reveals.

Not sure about how else you want it to be. Also, I suggest that you get back to us with the URL of the page that has the features, that may help us understand better also give us a screenshot of the thing you want to have using CSS.

The first screenshot you gave us is not possible to achieve using CSS as mentioned before.

Thank you.

Hi, Christopher!

I’m using the floating bar on single posts and my newsletter signup page. Https://www.keianienterprises.com/news The newsletter page can be found by clicking the pink footer.

Hi there, Thank you for providing the link. As I mentioned in the first reply the position is fixed in cover plus and if we change that it might lose the functionality.

You can test by adding the code below to X > Launch > Options > CSS:

.cp-exceed-vieport .si-open .cp-slidein.cp-slidein-exceed {
    position: absolute;
}

This will turn the fixed position to absolute and will go behind the footer instead of over it.

Thank you.

Hi!

Thanks for the code but it didnt help.

Hi again,

I tried checking your page but I’m not able to find the share bar, have you removed it?

Let us know if your need any help!

Hi, Nabeel!

Yes, I have removed the floating share bar for now because I didn’t like the way it overlapped the header and footer. I have provided my login details so if you could help me get to the bottom of things that would be great.

Hi,

It looks like you forgot to provide us your login credentials.

Please add it in Secure Note so we can further check on this.

Thanks

Hi,

The login provided doesn’t seem to work.

ERROR: Invalid username.

Please check again and let us know.

Thanks

Hi, Paul!

The login is correct that is a lowercase" L" after the u and not a capital " i"

Hi,

I am able to login now.

Regretfully what you are trying to achieve could only be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

Thanks Paul!

Since then I have removed it. I will go another route instead.

No problem.
If you need anything else we can help you with, don’t hesitate to open another thread.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.