image responsive

dh12355@gmx.de
Inactive member
Topic Author
Member

9 years 2 months ago #46021 by dh12355@gmx.de

image responsive was created by dh12355@gmx.de

Please have a look at neu.my-software24.de at the left site.

You see small pictures.
Is it possible to change the displayed size only for smartphone and tablet in any css file?

Please Log in to join the conversation.

milos
Support Staff
Moderator

9 years 2 months ago #46022 by milos

Replied by milos on topic image responsive

Yes, and you can use media queries in template_css.css file, something like this:

Code:

@media (max-width: 320px) { /* put max screen width where image width will be applied */
   .mp_left img { width: 100px /* enter your value here */ }
}

The following user(s) said Thank You: dh12355@gmx.de

Please Log in to join the conversation.

dh12355@gmx.de
Inactive member
Topic Author
Member

9 years 2 months ago #46023 by dh12355@gmx.de

Replied by dh12355@gmx.de on topic image responsive

is it also possible to deactivate one ore more modulpositions only for smartphone so that they are not displayed at smartphone but displayed at normal PC?

Please Log in to join the conversation.

milos
Support Staff
Moderator

9 years 2 months ago #46024 by milos

Replied by milos on topic image responsive

You can deactivate anything using the same approach:

Code:

@media (max-width: 320px) { /* put max screen width where image width will be applied */
   .mp_left { display:none; /* put any class here */ }
}

The following user(s) said Thank You: dh12355@gmx.de

Please Log in to join the conversation.

dh12355@gmx.de
Inactive member
Topic Author
Member

9 years 2 months ago - 9 years 2 months ago #46025 by dh12355@gmx.de

Replied by dh12355@gmx.de on topic image responsive

i insert into the template_css.css

@media (max-width: 320px) {
.mp_left {
display:none;
}
}

but the pictures of this modulposition are still displayed at the smartphone.
what must be changed?

Last edit: 9 years 2 months ago by dh12355@gmx.de.

Please Log in to join the conversation.

milos
Support Staff
Moderator

9 years 2 months ago #46026 by milos

Replied by milos on topic image responsive

Well, you must know the width of the screen of this smartphone. Therefore, maybe you need to increase max-width value.

I am giving you the above code just as examples. I recommend you to learn about responsive web design and media-queries better before starting with development of responsive sites.

Thanks

Please Log in to join the conversation.

Time to create page: 0.165 seconds