Hello community,
last weekend i finished my site with Enfold.
The only thing that bothers me is that the slide-show banner on top of the mobile device is too small, on the website ist looks good.
In some sections I have set that on the mobile devices, the font (text) should be displayed larger, but unfortunately I can not do this on the slide show
How can I make the slider on the phone bigger?
Thnak you
Hey Meinhart_esrohr,
Could you post a link to where we can see the problem in question please?
Best regards,
Rikard
how can i send the like as PM ?
Hi,
You can post the link in the Private Content box of your reply if you don’t want to post it in public.
Best regards,
Rikard
okay, thank you
Hi Meinhart_esrohr,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width:767px){
#full_slider_1,
#full_slider_1 .av_slideshow_full.avia-slideshow,
#full_slider_1 .avia-slideshow-inner,
#full_slider_1 .avia-slideshow li,
#full_slider_1 .avia-slideshow li img {
min-height: 240px;
}
#full_slider_1 .avia-slideshow li img {
width: 140% !important;
max-width: auto;
}
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 0px;
}
}
It might not look as expected because the image aspect ratio does not scale well for the portrait mode.
If you need further assistance please let us know.
Best regards,
Victoria