-
AuthorPosts
-
March 23, 2016 at 4:18 am #602268
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?March 23, 2016 at 10:06 am #602413Hi @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;} }March 23, 2016 at 10:17 am #602415Hey!
@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-
This reply was modified 9 years, 7 months ago by
Andy.
March 23, 2016 at 3:34 pm #602562Neither one worked :(
-
This reply was modified 9 years, 7 months ago by
navindesigns.
March 25, 2016 at 2:51 am #603526Any update?
March 25, 2016 at 10:12 am #603610Hi!
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!
BasilisMarch 28, 2016 at 5:19 pm #603931I actually did not remove the code. The code is still there, please feel free to login and take a look at my Quick CSS
March 28, 2016 at 9:43 pm #604078Hi!
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 -
This reply was modified 9 years, 7 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
