Recent
Categories
View Replies (4)

Habitat GridGallery Responsive

0
Votes
Undo
  1. EFH
    EFH
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 12 February 2015
  5.  Subscribe via email
Hi there,

How do I adjust the width and height of the images for gridgallery in responsive mode for mobile landscape?
It is not displaying correctly. This is the url, pls check on mobile landscape.
http://www.justweddingentertainment.com.au/joom3/index.php/entertainers/sydney
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Try adding the following to the Custom CSS field of your templates parameters, this should disable the height you have set on smaller screen devices.


@media only screen and (max-width: 1024px) {

.j51gridgallery figure {

    height: auto;

}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
EFH
EFH
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi there,

I have tried the below code in the custom ccs field but it does not work for mobile responsive.
I have attached an image.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

We are unable to see the suggested CSS in your source. Presuming you want all images of equal height your best option would be to resize all your to have the same dimensions. You can then remove any related Custom CSS which will resolve this issue.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
EFH
EFH
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
That's Perfect!!
Thank you.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!