Images on Mobile are offset and image mouse over effect

[Johnnyx]

Hi! Hope someone can suggest a fix: http://www.johnharrisonworks.com/

I'm pretty happy with my site - but have two problems

1. I have used lots of small image to link to pages - the layout is not presise, but looks fine on PC.  However, on mobile phone, the images are all out of alignment.  Is there an easy way of lining up all the images - I will be adding more images often and am worried the problem will just keep getting bigger!
2. Is it possibel to get a cool mouseover effect on these images showing the name of the link/image? (again - easy, I'm no webGuy!)

Thanks guys!!!

[Adam7]

Hey @Johnnyx! 

Are you using any alignment options for your images? That can sometimes cause things to position a little oddly when they stack on mobile.  From what your homepage looks like, I think you'd have better luck using a gallery element instead of separate image elements.  You can link images in a gallery to pages of your site, and they should position and stack much better for you.

As for animation effects, this app in our App Center might be worth checking out:

https://www.weebly.com/app-center/animator

Thanks for posting!

[Johnnyx]

thanks for the reply Adam

I tried the gallery idea http://www.johnharrisonworks.com/test.html but can't see where to add links to the images - which means when I click on an image it is presented as sort of slide show rather than taking me to a chosen page?

The gallery is clearly the best idea for layout - if I can get it to work! - any more help would be great!

cheers!!

[Adam7 · Accepted solution]

To set a link for an image in the Gallery, click on the gallery element, then click on an image within the element:

[Johnnyx]

Adam, thats genius! thanks!!!