Respon sive triggers

  • When viewing this page on a phone the images become 1 per row and I’ve adjusted the font to allow the text to fit inside the image. However when you look at the page on a tablet the screen size allows 3 images wide and the text won’t fit. I could adjust the font size but it would be too small to read.

    Can I use @media to adjust the display to 2 images per row for tablet screens?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter sajay

    (@sajay)

    I’d like it to change to 2 columns below 1100px and then to one column at the default screen size.

    Plugin Author rameez_iqbal

    (@rameez_iqbal)

    Hi, please paste following code in custom css box

    @media only screen and (max-width:1099px){
	.ich-prefix [class*='col-'] {
	    width: 50% !important;
	    float: left !important;
	}
}
    Thread Starter sajay

    (@sajay)

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Respon sive triggers’ is closed to new replies.