Using Bootstrap Mobile Identifiers on Non-Responsive Templat
-
-
- MentorMate
- Hero Rocketeer
- Posts: 264
- Thanks: 0
-
Hello I have noticed how the recent rocketheme templates are responsive. Unfortunately I am using Diametric template and I love it, however I still want to create a good mobile version. I saw a table which lets you use classes to identify what modules appear on which devices. Can I install or somehow utilize that same process on Diametric theme?
I want sidebar-a for example to show up only on PC and iPad but not Phone. Instead I want to make a footer of the same module and have that footer appear only on phone but not PC and iPad.
Can this be done? Or do I need to switch templates?
-
-
-
- Who?
- Preeminent Rocketeer
- Posts: 25562
- Thanks: 613
- Joomla freelancer
-
The way around that is to use media queries.... basically you wrap a copy of the code above in a media query and change the values within it to suit that screen size.
/* Smartphones */ @media (max-width: 480px) { ... } /* Smartphones to Tablets */ @media (min-width: 481px) and (max-width: 767px) { ... } /* Tablets */ @media (min-width: 768px) and (max-width: 959px) { ... } /* Desktop */ @media (min-width: 960px) and (max-width: 1199px) { ... } /* Large Display */ @media (min-width: 1200px) { ... }
This is how to create a custom CSS compatible with Gantry 4...
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css" - Check my services at: Mihha-Vision
-
-
-
- MentorMate
- Hero Rocketeer
- Posts: 264
- Thanks: 0
- But how do I make certain modules no appear?
-
-
-
- Who?
- Preeminent Rocketeer
- Posts: 25562
- Thanks: 613
- Joomla freelancer
- You will have to check how we built module class suffixes in newer templates and apply the same principle in template you use
- Check my services at: Mihha-Vision
-
-
-
- MentorMate
- Hero Rocketeer
- Posts: 264
- Thanks: 0
-
Hmmm that sounds really complex.
Any chance you guys will make responsive updates to older templates?
-
-
-
- Who?
- Preeminent Rocketeer
- Posts: 25562
- Thanks: 613
- Joomla freelancer
- All the template from 2012 year will have responsive variants available
- Check my services at: Mihha-Vision
-
Time to create page: 0.084 seconds