Re: Multicolumn Photos TOO BIG on mobile view

Solved

Multicolumn Photos TOO BIG on mobile view

EC23
Excursionist
23 1 5

I have multicolumns on all my collection pages and the photos look great on desktop, BUT on the mobile view the photos are TOO LARGE.  How can I reduce the photos sizes on mobile view only(without affecting desktop view)?

 

Using Dawn theme........eminentcrowns.com

Accepted Solution (1)

Dawood_Mirza_
Trailblazer
135 18 30

This is an accepted solution.

Add this code in custom CSS 
adjust the height, width and margin accordingly
These will work perfectly for only images in multicolumn 

@media only screen and (max-width: 768px) {
.multicolumn-card {
height: 200px;
width: 200px;
margin: auto;
margin-bottom : 100px;
}
}

Tell me If it worked!!

 

Want to work with me - dawoodmirzabusiness@gmail.com
Don't forget to like and mark it as Solution if it was helpful to you.

View solution in original post

Replies 2 (2)

Dawood_Mirza_
Trailblazer
135 18 30

This is an accepted solution.

Add this code in custom CSS 
adjust the height, width and margin accordingly
These will work perfectly for only images in multicolumn 

@media only screen and (max-width: 768px) {
.multicolumn-card {
height: 200px;
width: 200px;
margin: auto;
margin-bottom : 100px;
}
}

Tell me If it worked!!

 

Want to work with me - dawoodmirzabusiness@gmail.com
Don't forget to like and mark it as Solution if it was helpful to you.
EC23
Excursionist
23 1 5

Worked perfectly...Thank you!