Okay
  Public Ticket #929382
Main slider responsive text size
Closed

Comments

  •  2
    Philipp started the conversation
    October 21, 2016 at 12:46pm

    Hello,

    in which files can I change the size of the text from the main slider for the different mobile screens?

    Thanks

  •  1,973
    Support replied
    October 21, 2016 at 1:20pm

    Hello Philip

    you need to add responsive media queries for slider's text if you want to make it smaller

    for example

     @media only screen and (max-width: 479px) {

     big-title {

           font-size: 40px;

          line-height: 40px;

    }

    }

    40px is the value in style.css for 479px less screen widths

    add your code in theme options -> styling options -> custom css

    Thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  2
    Philipp replied
    November 16, 2016 at 2:10pm

    Hello, it works on full screen but when you shrink the browser window then the size is big again. I changed all values for 767px, 479px, 1300px and 1024px.

    How can I fix that?

    Thanks

  •  1,973
    Support replied
    November 19, 2016 at 4:47pm

    Hi,

    it's my mistake I forgot a dot before the big-title class name

    @media only screen and (max-width: 479px) {

     .big-title {

           font-size: 40px;

          line-height: 40px;

    }

    }

    then it will work for the other screen widths as well

    thanks


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  2
    Philipp replied
    November 23, 2016 at 1:31pm

    Hello, no I used the dot.

    And it works on fullscreen but not on smaller windows.

    Please have a look www.industrie-toner.de

    Thanks

  •  1,973
    Support replied
    November 23, 2016 at 7:09pm

    Can you check the syntax? in page source I see

    @media only screen and (max-width: 479px){.big-title{font-size:22px;line-height:22px}

    so missing a closing bracket

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy