Hi,
The full screen slider looks great on desktop but on mobile not so, can I:
1- Reduce the height?
2- Make the fonts larger?
Hi @navindesigns;
I think this may help you :
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
/*SMALLER TITLE*/
.responsive #top .slideshow_caption h2.avia-caption-title {font-weight: 400 !important;}
/*HIGHER TITLE*/
.caption_bottom .slideshow_caption .slideshow_inner_caption{bottom: 50px !important;}
}
Hey!
@begrafiks thanks for sharing your tip and we appreciate it :)
Let us know if the above tip worked for you to change the font size and use the below css in quick css to change the height of fullscreen in portable devices. Adjust the max-height value to suit your design.
/* Fullscreen slider height in portable devices*/
@media only screen and (max-width: 775px) {
.avia-fullscreen-slider .avia-slideshow {
max-height: 65px !important;
}
}
Best regards,
Vinay Kashyap
Neither one worked :(
Any update?
Hi!
can u please add the code back, so we can check it live and assist you better.
Checked on debuger and it seems to be working properly, so need to see what is not working as should.
Thanks a lot
Cheers!
Basilis
I actually did not remove the code. The code is still there, please feel free to login and take a look at my Quick CSS
Hi!
I think there is a typo in Vinnies code. We updated it. Please use the edited version and let us know if it solves the issue. Don’t forget to clear browser cache + hard refresh a few times.
Best regards,
Andy