Trying to add links to these images without messing up the layout and overflow. Please help! :(

Technical Q&A
1 
    
![Ivy|1000x1143](upload://TUhXZIa1RdQ5Wga7DDmwPiSSxy.jpeg)
    
![Bhutan|1000x1143](upload://kE2BzyEFYdbaTqDF54rMdKtUiQg.jpeg)
    
![Bhutan|1000x1143](upload://kaawmi4Z5CWObs23t0iCD5eG5jf.jpeg)
 

![Bhutan|1000x1143](upload://6VJDNiJbc6Fr2Zv0vlLczbEg8Nz.jpeg)
    

![Bhutan|1000x1143](upload://4QFpU7KRIVj5sYaBvsS4SRyPQNQ.jpeg)
 

![Bhutan|1000x1143](upload://4QFpU7KRIVj5sYaBvsS4SRyPQNQ.jpeg)

 

---

​
2

Hi @ShutterFox ,

Please change code:

   
    
      
![Ivy|1000x1143](upload://TUhXZIa1RdQ5Wga7DDmwPiSSxy.jpeg)
    
    
    
      
![Bhutan|1000x1143](upload://kE2BzyEFYdbaTqDF54rMdKtUiQg.jpeg)
  
    
    
      
![Bhutan|1000x1143](upload://kaawmi4Z5CWObs23t0iCD5eG5jf.jpeg)
 
    
    
      
![Bhutan|1000x1143](upload://6VJDNiJbc6Fr2Zv0vlLczbEg8Nz.jpeg)
   
    
    
      
![Bhutan|1000x1143](upload://4QFpU7KRIVj5sYaBvsS4SRyPQNQ.jpeg)

    
    
      
![Bhutan|1000x1143](upload://4QFpU7KRIVj5sYaBvsS4SRyPQNQ.jpeg)

    
    
  

  

---

You can add links for the images in the href:

Screenshot.png
Screenshot.png1252×590 40.5 KB

Hope it helps!

3

Hey,

Thank you so much for getting back to my question and trying to help. I change the code to the one you amended though unfortunately I also tried this but it seems to change the layout, please see image attached below for reference. How can I keep the layout and overflow the same too?

4

Iv’e also tried changing the styling to .container a img - but nothing changes with that either :disappointed_face:

5

Hi @ShutterFox ,

Can you send me the link. I will check it directly and guide it for you.

6

No probs, my site isn’t live just yet so do I have to disable the password or something to allow you access? links https://shutterfox.store/

7

Hi @ShutterFox ,

You just need to send me the password. I will check it

8

Thank you for checking this out for me. https://x8yojm4s4aw7xwla-53696856232.shopifypreview.com - Is this what you need as didn’t want to post my password openly on this thread. Let me know if you need anything else :slightly_smiling_face:

9

Hi @ShutterFox ,

Please change code:

   
    
      
![Ivy|1000x1143](upload://TUhXZIa1RdQ5Wga7DDmwPiSSxy.jpeg)
    
    
    
      
![Bhutan|1000x1143](upload://kE2BzyEFYdbaTqDF54rMdKtUiQg.jpeg)
  
    
    
      
![Bhutan|1000x1143](upload://kaawmi4Z5CWObs23t0iCD5eG5jf.jpeg)
 
    
    
      
![Bhutan|1000x1143](upload://6VJDNiJbc6Fr2Zv0vlLczbEg8Nz.jpeg)
   
    
    
      
![Bhutan|1000x1143](upload://4QFpU7KRIVj5sYaBvsS4SRyPQNQ.jpeg)

    
    
      
![Bhutan|1000x1143](upload://4QFpU7KRIVj5sYaBvsS4SRyPQNQ.jpeg)

    
    
  

  

---

it will display fine.

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

10

Absolutely brilliant! Works a treat! Thank you so much, it’s also good to see where I was missing/needing to amend the code :slightly_smiling_face:

Best wishes for 2022 :slightly_smiling_face:

11

Sorry to be an absolute pain but just tested it on mobile and it squashes up again, is there an easy fix for it to act same on mobile, the previous one worked great on phones too.

12

@LitCommerce

13

Hi @ShutterFox ,

Please change code:

Screenshot.png
Screenshot.png1304×466 25.1 KB

Code:

width: 260px;
min-width: 260px;

Hope it helps!

14

Brilliant! You’ve been so much help. One last thing, this has solved the size issue though it seems to be bouncing around within the Div container when in mobile view. The previous one is fixed, can this one be the same as it’s stopping me smoothly scroll past this section once interacting with the scrolling feature. Hope that makes sense. Last time to solve this I change some of the dimensions but I’ve tried that and doesn’t seems to be helping the issue :disappointed_face:

15

All fixed I used overflow: hidden - which seemed to have worked :slightly_smiling_face: Thanks again! Happy new year :slightly_smiling_face: