Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 26, 2015 at 4:29 pm #402755
    sweetbabyj

    Hi,

    Great Theme and thanks for the wonderful support on previous issues.

    Can you provide media query code for styling the portfolio grid on mobile? I just can’t get it right.

    1.) I want the grid to show 3 items per row and reduce padding ( or get rid of it completely) between items on mobile.
    2.) I would also like to hide the titles under grid items on mobile and tablets.

    If you can help with this I will try to modify it more afterward. I’m hoping for a media query snippet so I can eventually make the grid go from 6 items per row at full screen, then to 5 items at a smaller screen size then to 4 items at an even smaller screen size and then finally to 3 items on mobile. I should also be able to use the media query to change the padding at every screen size change as well. I hope this makes sense.

    Thanks again for all your help,
    Chris

    February 26, 2015 at 4:47 pm #402766
    begrafiks

    Hi sweetbabyj;
    try to add these lines into your custom css file :

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
.grid-entry.isotope-item .grid-content {display: none !important;}
}

/*Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
#top div .avia-gallery img{border: none !important;  padding:none!important;}
}

    you can adjust the size of the screen by “(min-width: 767px) and (max-width: 1024px)” or “(max-width: 767px) “

    • This reply was modified 9 years, 8 months ago by begrafiks.
    February 27, 2015 at 5:30 am #403163
    Rikard

    Hey Chris!

    Did you have any luck with @begrafiks suggestions? If not, please provide us with a link to the site in question and we’ll have a closer look.

    Cheers!
    Rikard

    February 27, 2015 at 7:50 pm #403623
    sweetbabyj

    Hey!

    Thanks begrafiks! That got me started perfect. I’ll post the final code when I get it all done. And thanks Rikard for checking up on this but I think I’m good now.

    Chris

    March 2, 2015 at 4:42 am #404260
    Rikard

    Hi!

    Great, just let us know if you have any more questions :)

    Regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.