displaynamed
-
Posts
24 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by displaynamed
-
-
You can write media queries in your custom css area.
Basically create 2 alternate image versions 1.) large landscape oriented image that will only display on desktop, hidden from mobile view and 2. a small and vertically oriented one that will display on mobile only and be hidden from desktop view.
Then when writing your css media queries, in order to hide them, target each image with its specific block id; using the "display" property with a value of "none" for when you want to hide it.
Here is an example:
@mobile: ~"only screen and (max-width: 640px)";
@desktop: ~"only screen and (min-width: 900px)";
@media @mobile {#block-yui_replacewithblockidofLargeimage {
display: none;}}
@media @desktop {#block-yui_replacewithblockidofSmallimage {
display: none;}}
Also, you may want/need to add an additional query for tablet sizing. Hope this helps!
Multiple Read More Buttons - Code Block + Javascript
in Customize with code
Posted
Hey guys,
I'm driving myself nuts..I'm in over my head a little bit but totally determined. I have a team page with some lengthy bios that I'm looking to be able to implement "Read More" buttons for. I replaced the description text blocks with code blocks, pasted some code and script I found from W3 schools (which works beautifully) but I'm running into the issue that all the buttons control the same persons description.
I'm not sure if the problem is that the script is in every code block or that I need to differentiate the code blocks or buttons with some sort of class or something?
PLEASE HELP