'onlymobile' suffix delete content in modules

hi guys, i'm having some issue with 'onlymobile' suffix...
when i set 'onlymobile' to a module this suffix deletes all the contents in the module.
i only see the module's title.

i tried this in a fresh template installation too, and it's the same.
could you please try it on a musicstate template installation? does it works for you?

this is the code in mobile.css

Code: Select all

/* limitation suffixes */
.box.notablet {
   display: block!important;
}
.box.nomobile {
   display: none!important;
}
.box.onlytablet {
   display: none!important;
}
.box.onlymobile {
   display: block!important;
}
.box.notablet.nomobile {
   display: none!important;
}

i searched on the forum but i didn't found nothing

thank you for your help.

Could you please provide sample module name/type on which this problem can be seen?

for example... please try to add onlymobile suffix to NSP GK5 module, visible in Module Variations page.

I have used 'nomobile' suffix on NSP GK5 module placed in mainbody_bottom position. It hides it correctly. There are 2 more Custom HTML modules placed in same position: Suffix " advertisement" and "bigtitle" suffix__with subtitle in second line__ .
Perhaps you see them?

I was talking about onlymobile suffix... not nomobile

Same with onlymobile - works completly fine:, see attached screenshot with devtools open:

Screen Shot 2014-03-17 at 13.54.50.png

we are not understanding... the issue is in mobile view, not in desktop view.
i use onlymobile suffix on a module, then i go on my iphone to see this module.
on my iphone i only see the title of the module.

on desktop view, it works fine, i know

But this module is configured only to show header. It displays exactly same without the 'onlymobile' prefix both on desktop and mobile.

ok, please try with another module, not with one that is configured to show only header.

I have tried with Custom HTML modules on "Module Variations" page - correctly again.

Wich joomla template version did you tried? 2.5 or 3?
I'm working on 2.5 version.

I've just tried a new installation. I've just downloaded the quickstart (J2.5) from Gavick and I've just installed in local.
I set ' onlymobile' suffix in these modules:

Top I, Top II and Top III (they are in top1 position)
Banner module (in sidebar position)

On desktop view it's all ok... I don't see these modules.
In mobile view I see this:

Top I, Top II and Top III like this



and Banner module like this



How is it possible that works fine for you? this is a fresh installation... Maybe this issue is only for version J2.5 and you tried version J3???
To see the preview of mobile view i use an extension of Firefox, i thought that the issue was that i was not online, i tried with the online website and it's the same.

Could you please try the same thing (i mean on the same modules) that i tried on version J2.5 of this template?

Ok, you are absolutelly right... Ill report that problem to our devteam,
Meanwhile you might edit file:
templates/gk_musicstate/css/mobile.css
and modify line number 133 to:

Code: Select all

.box.onlymobile, .box .onlymobile {
   display: block!important;
}


Ok, Thanks for your help.

I have a question now... is there a way to force ' nomobile' suffix in header position?
If you look at my site http://www.coldplayzone.it/ i put 2 social modules in header position: facebook and twitter.
I'd like to use nomobile for those 2 modules but it seems this suffix doesn't work in header position.
Is there a way to force it?

Thanks

Sadly - no. I had same problem with other designs, but this is how the site was designed in first place.
But.... You can still use css media query... just to clear things out - you are talking about facebook and twitter icons on the right?

Code: Select all

@media (max-width: 620px) {
    #gkHeaderMod #facebook_slider, #gkHeaderMod #twitter_slider {
    display: none;       
}
}


This will hide those 2 elements on devices with width less or equal to 620px.

Ok, Thanks!