• Resolved royhiggs

    (@royhiggs)


    I have a slider configured. The text is a bit long so I customized the css to chance the font to 24pt which is smaller than the default. The issue is when I look at it on an tablet or smartphone (e.g. Samsung Galaxy S6). I need to be able to make the font responsive so it will shrink and fit. It is staying at 24pt so you can only see a few words on a mobile device.

Viewing 9 replies - 1 through 9 (of 9 total)
  • What slider are you using?

    Edit: good question premiumwp posted while I was writing

    Although it’s likely not a WordPress issue, you could use one or more css
    media queries to adjust the font size depending on the screen width.

    Thread Starter royhiggs

    (@royhiggs)

    It is the slider that comes with the WEN Business theme.

    Thread Starter royhiggs

    (@royhiggs)

    I have been looking into media queries and have tried this in the Custom CSS editor for the theme options, but no luck so far.

    @media (min-width: 750px) and (max-width: 1200px) {
    .cycle-caption h3, .cycle-caption h3 a {
    font-size: 12pt;
    }
    }

    @media (max-width: 749px) {
    .cycle-caption h3, .cycle-caption h3 a {
    font-size: 8pt;
    }
    }

    Thread Starter royhiggs

    (@royhiggs)

    I still haven’t been able to get this to work. I have some other media queries that are working in other areas of the site, but for some reason they aren’t working on the slider caption.

    For us to to provide further assistance, please provide a lnik to your site.

    Thread Starter royhiggs

    (@royhiggs)

    Hi, you should be able to get to the site at https://dev.ochrach.com

    Thanks!

    Theme Author WEN Themes

    (@wenthemes)

    Hello,
    Check following CSS.

    @media only screen and (max-width:1023px){
      .cycle-caption p{
        font-size:14px;
      }
    }

    This set font size for screen size less than 1024.

    Theme Author WEN Themes

    (@wenthemes)

    Closing ticket.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘mobile friendly slider text’ is closed to new replies.