Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 1, 2018 at 4:27 am #965042
    yingyang

    If you open the private link below, and reduce the browser dimension to mobile size, the fullscreen slider font become really small
    I found in a different thread that using this could help

    .avia-caption-title { text-transform: none !important; }

@media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption .avia-caption-content {
    font-size: 50px!important;
}

    But it only made the text bigger, not the font
    How can i scale the font properly for mobile? why is special coding required for it? cannot be done by default?

    June 2, 2018 at 4:47 am #965668
    Vinay

    Hey kilimats,

    Thank you for reaching us out.

    Did you try changing the font size from the element “Screen option”?

    If that don’t work for you Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - Full Screen Slider caption */

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #top .slideshow_caption h2 {
    font-size: 20px !important;
}}

/* End CSS */

    Best regards,
    Vinay

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.