Archived topic
mobile landscape view alignment
3 replies · Started by Konstantinos on February 21, 2021
Viewing posts 1–4 of 4
Hallo and keep up the great work you are all doing.I have a problem in mobile landscape view alignmet with a h2 title that is big as you can see by the photo in the link:https://ibb.co/CP1YJ4h.
How i can overcome this in mobile view with css?
The domain is https://staging.modawood.gr/.
Thanks a lot.
Hi there,
the best i can offer is this CSS:
@media(max-width: 800px) and (min-width: 600px) {
#produkt_categories .bildhover h2 {
display: block;
display: -webkit-box;
max-width: 100%;
height: 1.4em;
margin: 0 auto;
line-height: 1;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 1em !important;
}
}It will clamp the H2 to a single line on those smaller screen sizes.
Any other modification you would need to speak to the Plugin Developer.
Thanks a lot David.I believe this do the job!
Glad to hear that!
This archived topic is closed to new replies.
