Docs

[jugglingjay]

Hello,

I’ve just started to use a content dock, very nice. On my iPhone and before also on a iPad the content dock is cut in half. Some of the content is showing up on top of my page and the rest in as it should in the content dock.

How can i fix this, ore else can i hide the content dock if my page is being watched on a device with a certain dimension?

My site is http://www.dutchjuggler.com

with regards,

Jeroen

[Friech]

Hi Jeroen,

I think you already resolve this with this custom CSS, right?

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

Feel free to get in touch with us regarding any further queries about the X|Theme and Cornerstone.

Cheers!

[jugglingjay]

Hi,

I did not yet resolve this as far as i know. On my iPhone 6 the form which is in the content dock still appears above my page.

with regards,

jeroen

[jugglingjay]

now that i think of it, maybe i have not yet put the content dock on the english page and that is what you are looking at. It is on the dutch page of my homepage. If you go to the bottom you can see the flags and choose for the dutch flag.

greets,

Jeroen

[Paul R]

Hi Jeroen,

Can you provide us a screenshot and indicate the form you are referring to.

Thanks

[jugglingjay]

Hello,

hearby i send you a screenshot of my iphone screen. You can see that on top of the top of my page there is a small form. This form is part of the content dock on a normal pc. Now the problem is also on my laptop which has a screen 1440X900 pixels.

Hope you can help.

Jeroen

[Friech]

Hi Jeroen,

That form is not part of the content dock. To hide that on mobile, please add this on your Custom > Global CSS

.touchevents body > form {display: none !important;}

Clear your browser’s cache (Phone, Laptop ,PC) before you preview the page.

Thanks,

[Author]

Posts