I want certain modulepositions not on mobile site

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Apr 28, 2013 2:40 pm
Reply with quote
Report this post
Hi there,

Is it possible to exclude certain modulepositions on the mobile version of Publisher?

Please have a look here >> www.madonna.nl.
I have placed a code/script from instagme.com in this position 'mainbody_top'.

This module/code/script does not automatically resize when viewing it on my iPhone.
So I only want this module to be seen when viewing it with computer and tablet.
When watching site with phone, I don't want this module to be seen.

Is this possible?
User avatar
Gold Boarder

GK User
Sun Apr 28, 2013 8:52 pm
Reply with quote
Report this post
in module settings > module class you can add " nomobile" for mobile view or " notablet" for tablets which should hide that module.

If this feature is not in the template you can add following css code in to css/mobile.css to hide them.

Code: Select all
.nomobile { display: none;}


See you around...
User avatar
Platinum Boarder

GK User
Mon Apr 29, 2013 3:44 pm
Reply with quote
Report this post
Hi norman,

If I put
Code: Select all
.nomobile { display: none;}


into css/mobile.css.

And then I put " nomobile" into modules class, the module also disappears from my homepage when watching it on my computer......
User avatar
Gold Boarder

GK User
Mon Apr 29, 2013 4:00 pm
Reply with quote
Report this post
Edit file: /templates/gk_publisher/css/template.css
Line: 723 and 727 remove below css code
Code: Select all
.notablet {
   display: none;
}
.nomobile {
   display: none;
}


Or create your own css class by adding in mobile.css

Code: Select all
.mynomobile { display:none;}

Then in module class add " mynomobile" with empty space in front.

See you around...
User avatar
Platinum Boarder

GK User
Tue Apr 30, 2013 7:07 am
Reply with quote
Report this post
I have added .mynomobile to mobile.css and it works!
THANK YOU VERY MUCH :)

Other way around >>> i want a certain module only visible on mobile, how do I do that?
User avatar
Gold Boarder

GK User
Tue Apr 30, 2013 7:39 am
Reply with quote
Report this post
Try following in template.css or override.css

Code: Select all
.mynodesktop { display:none;}


Then use " mynodesktop" in module class.

See you around...
User avatar
Platinum Boarder


cron