Hi, I´m having some responsive issues.
Buttons are not showing on phones and tekst on top image are not shown right.
Please help
Alan;)
Hey Alan,
Could you post screenshots highlighting the problems please?
Best regards,
Rikard
Hi Schmidtgrafisk,
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
/* full_slider_1 */
@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: 260px;
}
#top .avia-slideshow-button {
margin-top: 0;
}
#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;
}
.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title {
font-size: 36px !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks, we are getting closer.
The image gets an uneven horizontal scale, and looks wrong.
Alan ;)
Hi Alan,
There is not a good way to scale the image for the screen sizes up to 479px while increasing the height. You can make a separate slider to be shown on mobile screens with images better sized to be shown on mobile.
If you need further assistance please let us know.
Best regards,
Victoria