modules in mobile

17 views
Skip to first unread message

Serge Billon

unread,
Dec 14, 2016, 12:35:50 PM12/14/16
to gantry-framework...@googlegroups.com

hello , i did not find the doc to have modules not shown at all on little screens.
i can add : visible-desktop and they disapear, but there is still the empty place
http://www.ffessm-codep57.fr/new/

(duplicate message with glitter :-( )


thanks
Serge
--

Web54 / Création de sites / formations
se...@web54.fr
03-83-56-65-20 / 06 87 42 95 30
http://www.web54.fr




Luke Douglas

unread,
Dec 14, 2016, 5:57:24 PM12/14/16
to Gantry Framework for Joomla Users
Serge,

Did you put 'visible-desktop' in the module class or in the module content?

Luke

YellowWebMonkey

unread,
Dec 14, 2016, 10:36:07 PM12/14/16
to Gantry Framework for Joomla Users
Looking at the source, you inputted .visible-desktop instead of just visible-desktop

I would also recommend using hidden-phone instead.  Here is a good rundown of the classes available:

Luke Douglas

unread,
Dec 14, 2016, 10:50:38 PM12/14/16
to Gantry Framework for Joomla Users
Serge,

YellowMonkey is entirely correct.  You put a period '.' in front of the class name.  That is the reason it is not working.  You only use the period '.' in the CSS / SCSS files.  If you remove the period, clear the cache and view again, the first modules should not display and no space will be used.  However, you will need to change the location of where you have entered the 'visible-desktop' class in your 2nd and 3rd modules as they are inside the module block.  Move it to your module class and you should be fine.  After doing that, only your login form should appear.

<div class="g-block equal-height .visible-desktop size-35">

Luke






Serge Billon

unread,
Dec 15, 2016, 4:53:23 AM12/15/16
to gantry-framework...@googlegroups.com
thanks , luke and yellowmonkey,
it helped me and now it works.
put this in class of module in the template
nom i have another issue : equaleights does not work and before it worked !
what have i missed ?
Serge
--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to
gantry-framework...@googlegroups.com
To unsubscribe from this group, send email to
gantry-framework-for-j...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org

---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Alexis Priddy

unread,
Dec 15, 2016, 10:59:34 AM12/15/16
to gantry-framework...@googlegroups.com
Both classes affect the display property and hiding it has an !important so it overrides.  Change it from

g-block equal-height visible-desktop size-35
to

g-block equal-height hidden-phone hidden-tablet size-35

On Thu, Dec 15, 2016 at 3:53 AM, Serge Billon <serge....@free.fr> wrote:
thanks , luke and yellowmonkey,
it helped me and now it works.
put this in class of module in the template
nom i have another issue : equaleights does not work and before it worked !
what have i missed ?
Serge


Le 15/12/2016 à 04:50, Luke Douglas a écrit :
Serge,

YellowMonkey is entirely correct.  You put a period '.' in front of the class name.  That is the reason it is not working.  You only use the period '.' in the CSS / SCSS files.  If you remove the period, clear the cache and view again, the first modules should not display and no space will be used.  However, you will need to change the location of where you have entered the 'visible-desktop' class in your 2nd and 3rd modules as they are inside the module block.  Move it to your module class and you should be fine.  After doing that, only your login form should appear.

<div class="g-block equal-height .visible-desktop size-35">

Luke






--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to

To unsubscribe from this group, send email to

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org

---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-joomla-users+unsubscribe@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.


--

Web54 / Création de sites / formations
se...@web54.fr
03-83-56-65-20 / 06 87 42 95 30
http://www.web54.fr




--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to

To unsubscribe from this group, send email to

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org

---
You received this message because you are subscribed to a topic in the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/gantry-framework-for-joomla-users/rbSVVDiadjE/unsubscribe.
To unsubscribe from this group and all its topics, send an email to gantry-framework-for-joomla-users+unsubscribe@googlegroups.com.

Luke Douglas

unread,
Dec 15, 2016, 6:24:47 PM12/15/16
to Gantry Framework for Joomla Users
YellowWebMonkey has the right idea to use 'hidden-phone hidden-desktop' instead of 'visible-desktop'.  Try it and it should work.  However, if not, you could try and use the 'display:flex' property for the parent container '#g-header .g-container .g-grid'.  This might work but if it doesn't, then the issue is that the inner blocks are set to 'width:auto;" whereas I believe they have to be a set width that equals less than 100%, example: 24% (4 containers).  Fool around with this and see if one of them doesn't resolve the issue.

Luke

Grant Preston

unread,
Dec 16, 2016, 8:04:29 AM12/16/16
to gantry-framework...@googlegroups.com
I just gotta say God Bless those of you still paying attention to this Gantry Framework Google User Group. You Rock and I always glean a bit more info as I see stuff come in Luke as always you are great and you lay things out so well so other grasp it all..

I've moved on to chat if needed to the gitter thing but to see people still hit this up and you bright minds jump in to help makes me feel like there is still glowing goodness in the world. Again you all Rock for staying on the questions that come in.

Best,

Grant

On Thu, Dec 15, 2016 at 4:24 PM, Luke Douglas <lu...@webbering.com> wrote:
YellowWebMonkey has the right idea to use 'hidden-phone hidden-desktop' instead of 'visible-desktop'.  Try it and it should work.  However, if not, you could try and use the 'display:flex' property for the parent container '#g-header .g-container .g-grid'.  This might work but if it doesn't, then the issue is that the inner blocks are set to 'width:auto;" whereas I believe they have to be a set width that equals less than 100%, example: 24% (4 containers).  Fool around with this and see if one of them doesn't resolve the issue.

Luke

--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to

To unsubscribe from this group, send email to

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org

---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-joomla-users+unsubscribe@googlegroups.com.

Luke Douglas

unread,
Dec 16, 2016, 11:52:42 AM12/16/16
to Gantry Framework for Joomla Users
Grant,

To be honest, I don't know who's idea it was to start using Gitter but it was a terrible decision.  While a lot of people like the 'chat' type posting similar to Twitter, it is terrible for keeping specific problems encapsulated in a single thread.  You could have twenty responses to a single request and it would be scattered over 8 or ten pages of scrolls that you have to spot read everything to find the total thread.  Yes, I know you can start your own

Google Groups is an excellent vehicle for problem solving as everything is contained in one thread.  I will continue to pop in and help out as well as post problems in the future.  Gitter is just an exercise in futility which I prefer to not have in my life.

Luke

Grant Preston

unread,
Dec 17, 2016, 4:16:15 AM12/17/16
to gantry-framework...@googlegroups.com
Yeah Luke as far as encapsulation of threads goes I'm certain this is a clearly better way. I personally don't view this on the web. I guess I'm subscribed so I just get every email in this group. So I will be here until no one uses it any more lol.

Not sure the reason they moved to Gitter but assume it's because the team uses it all day while working in Github. I was actively following it for a while when Gantry 5 first came out and had more time. The one thing I did like is you could get a response right away and interact with people and the development part and even send a personal message to the user.

That said it doesn't lend itself well to tracking a certain thread very well and as you mentioned you have to spot read. So it works well if you have a question you want to ask directly to a team member when they are on but not a great way to thread track.

Anyway glad you still participate here.

Grant
--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to

To unsubscribe from this group, send email to

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org

---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages