Docs

[LucianaFernandes]

I used the following CSS to make Content Dock appear on mobile versions:

@media (max-width: 767px) {
.x-content-dock {
display: block !important;
}
}

The problem is that the closing button is the same colour as the background. I tried changing it in the plugin settings but it didn’t work. The desktop version didn’t change either, but at least there the button is not the same colour as the background.

The size of Content Dock mobile version is too big and in landscape view you can’t even see the closing button. Is there a way to customize it without interfering in the desktop version size?

[Paul R]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[LucianaFernandes]

Hi, of course, it’s soundslikeenglish.com. Thanks in advance = )

[Rupok]

Hi there,

Thanks for the URL. I can’t see the content doc on your site. Did you take off that? Let us know.

Cheers!

[LucianaFernandes]

Hi, thanks for the speedy reply!

First of all, I forgot that Content Dock is only running on my blog posts, so here is one page where you can see it:http://soundslikeenglish.com/are-all-podcasts-and-audiobooks-good-for-your-english/

However, it’s behaving differently in different mobile browsers. In some browsers, the closing button is the same colour as the background (so we can’t see it), in another one it’s the default colour (black/dark grey), and in a third one, it’s the new colour I chose in the settings (red).

In some browsers, Content Dock is not showing at all.

In all browsers, it’s too big.

In landscape view, it’s bigger than the screen, so we can’t see the closing button.

[Nabeel A]

Hi again,

By default the Content Dock is visible on displays larger than 767px and will be hidden on any displays smaller than this. This is for numerous usability reasons, which mostly have to do with ensuring that your site’s primary content is always accessible and not completely hidden by the Extension and that the close button is not inaccessible. Since you’re displaying it on mobile devices with a custom code, regretfully we can’t support the issues arise from the customization you’ve added. Please see https://community.theme.co/kb/extension-content-dock/

Thank you for your understanding!

[Author]

Posts