Image slider

rvolt
Inactive member
Topic Author
Member

9 years 9 months ago #44434 by rvolt

Image slider was created by rvolt

colossalkitty.com/

I am using a modified beer template, tough the images on the slider that move appear too small on mobile view. How can I correct this ? Everything is perfect in desktop view.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

9 years 9 months ago #44437 by ivan.milic

Replied by ivan.milic on topic Image slider

In template_css.css you have this rule for under 992px:

@media (max-width: 979px) {
....

.list_carousel.responsive img {
max-width: 50%;
padding-top: 30px;
}

correct

max-width: 50%;

Please Log in to join the conversation.

rvolt
Inactive member
Topic Author
Member

9 years 9 months ago #44439 by rvolt

Replied by rvolt on topic Image slider

I guess im interpreting this wrong. I've made changes, but nothing changes in mobile view.

Am I changing @media (max-width: 979px) to @media (max-width: 50%) ?

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

9 years 9 months ago #44440 by ivan.milic

Replied by ivan.milic on topic Image slider

so put there

max-width: 100%;

refresh after so modified script loads

Please Log in to join the conversation.

rvolt
Inactive member
Topic Author
Member

9 years 9 months ago #44441 by rvolt

Replied by rvolt on topic Image slider

I did and now the desktop view looks like the mobile. mobile didn't change. Can't believe I'm having trouble with this.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

9 years 9 months ago #44442 by ivan.milic

Replied by ivan.milic on topic Image slider

You changed in wrong place,

.list_carousel.responsive img {

within:

@media (max-width: 979px) {
....
}

Please Log in to join the conversation.

Time to create page: 0.126 seconds