Recent
Categories
View Replies (3)

Image Hover Display on Mobile

  1. Issue
0
Votes
Undo
  1. bludove
    bludove
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 17 July 2020
  5.  Subscribe via email
I am using the image hover in 2 different places on this website
https://www.moodysalzman.com/

In the 1st area where it shows the images and then the link to the practice area page (accidents, etc) - I have it set to show it 3 columns across but it shows 4.

In the 2nd area (further down the page) it shows fine except that on mobile there's a huge space on the right. I have it set right I believe but it's not making the adjustments when on different screens.

Please advise.
Attachments (3)
Screenshot 2020-07-17 18.53.40.png Screenshot 2020-07-17 18.53.40.png
Screenshot 2020-07-17 18.45.57.png Screenshot 2020-07-17 18.45.57.png
Screenshot 2020-07-17 18.53.49.png Screenshot 2020-07-17 18.53.49.png
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
bludove
bludove
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Sent administrative access. Can we get this fixed please?
  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

1. Have you since resolved this issue? In both FF and Chrome your images are in 3 columns (desktop)...

Screenshot_2020-11-13 Gainesville, FL Personal Injury Attorney - Moody, Salzman, Lash, Locigno.png

2. By default the Imagehover module will only max extend to the width of your images. Your images are currently 166px. You can override this by adding the following to your templates Custom CSS field however images may appear pixelated if they are a small size.

.j51imagehover figure {

    width: 100%;

}

.j51imagehover img {

    width: 100% !important;

}


Ciaran
Attachments (1)
Screenshot_2020-11-13 Gainesville, FL Personal Injury Attorney - Moody, Salzman, Lash, Locigno.png Screenshot_2020-11-13 Gainesville, FL Personal Injury Attorney - Moody, Salzman, Lash, Locigno.png
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


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