RocketTheme - TOPIC: [SOLVED] Add extra Responsive class for large displays (1/2)

Welcome Guest! Login

0 items Join Now

- genegun
- Rocketeer
- Posts: 56
- Thanks: 0
SOLVED Add extra Responsive class for large displays

Posted 12 years 2 weeks ago
- I was trying to make a class that would only display on large displays, something like "visible-desktop" but for "visible-large-displays". However, with the css compression and LESS, I am having trouble figuring out how it works. Does anybody have any advice on how to achieve this?
- Last Edit: 12 years 1 week ago by genegun.
#890025
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED Add extra Responsive class for large displays

Posted 12 years 2 weeks ago
- there is already a .visible-large and a .hidden-large class ...
#890050
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED Add extra Responsive class for large displays

Posted 12 years 2 weeks ago
- ... references for this are in gantry-core.less and mediaqueries.less in the less folder of the template ...
#890053
- genegun
- Rocketeer
- Posts: 56
- Thanks: 0
Re: SOLVED Add extra Responsive class for large displays

Posted 12 years 2 weeks ago
- Is there? That's great! thanks for letting me know Henning! Perhaps it would be helpful to update the Responsive page: www.rockettheme.com/blog/team/1551-respo...ocketthemes-solution (or did I miss an existing documentation that mentioned these classes?)
  Thanks a lot!
#890121
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED Add extra Responsive class for large displays

Posted 12 years 2 weeks ago
- the classes are mentioned in the docs for our club-templates but the the gantry-docs need to be updated ..
#890421
- genegun
- Rocketeer
- Posts: 56
- Thanks: 0
Re: SOLVED Add extra Responsive class for large displays

Posted 12 years 2 weeks ago
- Henning, I have a related question albeit I am not sure if it is worth of a new thread. Are the modules being loaded even if they are not displayed? Let's say I stuff my my visible-large with widgets of all sorts, will they be loaded my mobile phone browsers and just not shown?
  
  Thanks
#890528
- genegun
- Rocketeer
- Posts: 56
- Thanks: 0
Re: SOLVED Add extra Responsive class for large displays

Posted 12 years 2 weeks ago
- Henning wrote:
  there is already a .visible-large and a .hidden-large class ...
  I have created two identical modules displayed at sidebar-a, one has the class visible-desktop, and other has visible-large. The problem is that they both behave the same way. Also, I checked the two files that you pointed out and I find no reference to a visible-large class. Are you sure this exists in the Gantry template? If not perhaps I just should go and try to lift these classes from other Rockettheme templates.
#890540
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED Add extra Responsive class for large displays

Posted 12 years 2 weeks ago
- use the latest version of the gantry template ... (or are you using a different template?)
#890590
- genegun
- Rocketeer
- Posts: 56
- Thanks: 0
Re: SOLVED Add extra Responsive class for large displays

Posted 12 years 2 weeks ago
- I us checked, I am up to date with both Gantry framework and template (I use the default Gantry template). I have quickly checked out through Firebug the latest RT template and it indeed seems to contain the visible-large class, but my own instal doesn't. I have tried fiddling with the two files you mentioned previously (taking inspiration from the visible or hidden-desktop class) with no result. I emptied template cache and manually removed the compiled files after edit but nothing changed.
#890605
- genegun
- Rocketeer
- Posts: 56
- Thanks: 0
Re: SOLVED Add extra Responsive class for large displays

Posted 12 years 2 weeks ago
- I just checked the demo gantry template and it does contain the classes mentioned before. This is odd, as mine does not. I will try re-updating the template.
#890608