How to hide a module in mobile layout?

I need to be able to hide a module as it will function as intended in a mobile unit such as iPhon or iPad.

Is there a way to solve this?

Hi,
sure check our WIKI
http://www.gavick.com/documentation/joo ... ve-layout/

This is why we have produced four special suffixes:

onlytablet – the block will only be visible when tablet.css is loaded
onlymobile – the block will only be visible when mobile.css is loaded
notablet – the block will not be visible when table.css is loaded
nomobile – the block will not be visible when mobile.css is loaded

To suppress a module from displaying on both the tablet and mobile devices, apply both suffixes simultaneously, such as: “ notablet nomobile” (and remember to place a space at the beginning of each suffix!).

Great! This worked.

However, when surfing with a mobile device and useing the Cookie Law function. This TAB is too big and hides the content.

How would you solve this?

Yes, there could be problem - you have to customize css from it.

Second solution, also good for your uses is "Banner placement" bottom not at the top, law allows that.

You can try to play with max-height

Code: Select all

#cc-notification
{
max-height:110px;
}

By the way we used : Cookie Consent plugin by Silktide
all data you will find here: templates/gk_creativity\layouts\blocks\cookielaw.php

Thank you for the input.

I am not sure what you mean by playing with the heigt (?) ... is it the height of the Cookie Law tab you mean?

I did put it in the Custom CSS code area ... with no result showing up

Anyway, this is something I believe Gavick should think about how to solve. Hope they see the feedback

Ok, I will talk with developers.

In meantime maybe just add custom HTML module at the bottom with info about cookies or use another plugin, if you are not happy with ours.