SOLVED Media queries
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 196
- Thanks: 0
-
I closed the other recent topic because, with your help, I solved it. ThankU. I remain convinced that Gantry 5 is twisted (I have Gantry 4 in my heart).
I have one question left, please. I need to use truncated article intros on smartphones. How can I do? Media queries cannot be used inline....
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Use the utility support classes like this
<p>this shows all the time</p> <p class="visible-phone">this only shows on phone</p>
See gantry 5 docs to learn more
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 196
- Thanks: 0
-
I can create a CSS like this:
truncate-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; width: 100%; overflow: hidden; }
and then put inline this:
<p class="truncate-4">this only shows on phone bla bla bla bla</p>
mmmh.... OR NOT?
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Not.
Do what i said. You do not need to use css.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- mauro buffa
- Sr. Rocketeer
- Posts: 196
- Thanks: 0
-
Time to create page: 0.074 seconds