Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
andychu0129

Lightbox size is not responsive on mobile browser

Question

Posted (edited)

Hello There,

I currently added a feature, which is using link to trigger a lightbox image.I followed the incredible tutorials from "spacetutorials.com" as I know nothing about coding...

The lightbox worked really well but only with a problem, the size is not responsive on mobile browser...

Can anyone tell me how can I fix the problems? Here is the URL of my webpage as your reference:https://andychu.design/test

Thank you very much and looking forward to hearing from any solutions.

Cheers,Andy

Edited by andychu0129
Initial Revision

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

try this code


@media only screen and (max-width: 1024px){
.img {
   vertical-align: middle;
   width: 285px;
}}



Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


Link to post
  • 0

Sorry, I really don’t know coding... could you let me know where should I put this code to?

  1. Code Injection code area

  2. The Code Content Block

Thank you very much

Share this post


Link to post
  • 0

@media only screen and (max-width: 640px){ .img { vertical-align: middle; width: 285px; }}


Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...