Docs

[ArtOfSpring]

Hi there,

on my site:
https://mybetterlife.de/relaunch-2/
I added a full-width content dock on the bottom.
I also added CSS Code to make it visible on mobile screens nut now it seems like the close button ist not working anymore.
Any idea why?

Thank you

[ArtOfSpring]

And also the Display % ist not working.
It’s set to 50% but the content dock is showing up from the beginning of the page.

[Darshana]

Hi there,

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.

[ArtOfSpring]

This reply has been marked as private.

[ArtOfSpring]

I figured out that my custom CSS change is causing it:

.x-content-dock {
    width:100% !important;
    right:0px !important;
}

Is there an alternative to make it full-width without losing the functionality?

Thank you!!

[Rad]

Hi there,

It’s not because of that CSS, please remove this

.x-close-content-dock span {
    color: #fff !important;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

Thanks!

[ArtOfSpring]

Hi Rad,

thanks for helping me out 🙂
That’s coming from the Content Dock standard settings.
How can I remove them?

But I’m sure it’s coming from this custom css:

.x-content-dock {
    width:100% !important;
    right:0px !important;
}

Because if I remove it the Content Dock is working as it is supposed to be but not full-width anymore.
Might there be another solution to make it full-width?

Thank you

[ArtOfSpring]

For now I used display:none; to hide the closing button but I would love to know the solution to this 🙂

[Christian]

The solution would require additional custom development. The content dock was designed to move to the side so modifying its position won’t make the close button work. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thanks.

[ArtOfSpring]

Hi Christian,

I figured that there is better fitting preset within the ConvertPlug.
It’s called “Info Bar”.

So now I have a working Info Bar on the bottom of my site:
https://mybetterlife.de/relaunch-2/

Only thing left is a styling issue:
For the content of the Info Bar I used shortcodes but somehow the styling is not correct.
The button border is missing and the font keeps changing on hover.
Why is that?

Thank you!!!

[Joao]

Hi There,

I could not replicate the issue with the font, is it still hapenning on your end?

Regarding the border, please add the following code to Appereance Customizer Custom CSS

.cp-info-bar-body a:hover,.cp-info-bar-body a {
 
    border: 4px solid;
}

Hope it helps

Joao

[ArtOfSpring]

Thank you 🙂

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts