Hi Tibor,
do you have an example for me?
Probably setting a max-height to 100 view-height could fix this problem but I could cause some other troubles.
#baguetteBox-overlay .full-image img {
width: 900px;
max-height: 100vh;
}
Thread Starter
t29k75
(@t29k75)
Johannes,
see links below, please.
https://ibb.co/bLTcfzL –> 1200x900px with first css is fine.
https://ibb.co/hRmSx62 –> original “portrait” image 900x1200px
https://ibb.co/2nkCmvZ –> with first css
https://ibb.co/znqrbz9 –> after “100vh” css.
still with either css image doesn’t look good.
thanks for your help,
T
Could you send me the exact link to your WordPress Page with the portrait image? Then I can play around with it directly.
Thread Starter
t29k75
(@t29k75)
I can’t. I am rebuilding my site locally.
As soon as it is live I will get back to you.
thanks for your time and help,
T
Thread Starter
t29k75
(@t29k75)
haha, I just tried and it looks ok…
I used #baguetteBox-overlay .full-image img {padding: 20px;}.
So image doesn’t go all the way to top and bottom of the screen and there is bit of a gap.
thanks again.
-
This reply was modified 4 months, 4 weeks ago by
t29k75.