image responsive

More
3 years 9 months ago #46021 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 or Create an account to join the conversation.

More
3 years 9 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:
@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 or Create an account to join the conversation.

More
3 years 9 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 or Create an account to join the conversation.

More
3 years 9 months ago #46024 by milos
Replied by milos on topic image responsive
You can deactivate anything using the same approach:
@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 or Create an account to join the conversation.

More
3 years 9 months ago - 3 years 9 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: 3 years 9 months ago by dh12355@gmx.de.

Please Log in or Create an account to join the conversation.

More
3 years 9 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 or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.133 seconds