Hi @webmastermfa,
Thanks for contacting us,
You can use 1600 x 500px size image for slider.
Thanks
Hello @imranaliweb;
Problem is that 1600×500 doesn’t keep the aspect ratio of the images.
So they’re stretched like hell.
HI @webmastermfa,
Please share your website URL, we will check
Thanks
Hi @imranaliweb,
I found 3 images with the correct ratio – 1600×500.
But what is not good at the moment with the slider – is the mobile version.
There – you can only see a portion of the text.
Website is : http://www.mfaconsulting.ch
Please take a look with boht mobile&computer.
Thanks
Hi @webmastermfa,
For this paste, the following css code in custom css filed
@media only screen and (max-width: 480px) and (min-width: 200px) {
.slide-text-bg1 {
width: 80%;
}
.homepage-mycarousel .carousel-inner > .item > img {
height: 170px;
}
.slide-text-bg1 h2 {
font-size: 12px !important;
line-height: 15px !important;
}
.slide-caption p {
font-size: 9px !important;
line-height: 15px !important;
}
}
then use above code and check your website.
Thanks
Hello @imranaliweb,
Thank you – the Custom CSS has worked.
Only thing is that now the font of the mobile version isn’t the same as the desktop version.
Thanks
Hi @webmastermfa,
If both the font size is the same, then your slider content on the mobile version will go down and it will not look right on the mobile version.
Thanks
Hello @imranaliweb,
the whole website has now another font for the mobile version (you can check it).
On the mobile version is like TimesNewRoman.
Hi, using the custom CSS the images are deformed, stretched.
Hi antoniotheant,
Thanks for contacting us,
For this please share your website URL.
Thanks
Sorry for delay, I have not received the notification:
http://www.lorenzopierobon.com/home/
Images are higher than the correct aspect ratio.
Thanks
