Hide Content Dock on Mobile

[russell3]

Is there a way to hide the Content Dock widget on tablet and mobile?

I have it on my site here https://www.steedman.co.uk

It looks good on desktop but I don’t totally require it on mobile devices.

Thanks

[christian]

Hey @russell3,

Looks like you already have achieved what you need. The content dock is not displaying in tablet view and below because you have this:

Thanks.

[russell3]

Duh, I forgot adding that code! It’s actually on a 13" MacBook Pro though that I want it to not display on and it still seems to show on it?

[Prasant]

Hello @russell3,

Thanks for updating the thread.

You can add following CSS under X > Theme Options > CSS:

@media screen and (min-width: 1025px) and (max-width: 1500px) {
   .tco-content-dock{display: none;}
 }

I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Please note that providing support for custom codes (like CSS changes) falls outside the scope of support we can offer. In case of any issues with the layout because of custom codes we won’t be able to provide support.

Thanks.

[russell3]

That’s great, thanks for your help.

[rad]

You’re most welcome!