Text doesnt render based on screen/device size

  • Resolved brianduffyctm

    (@brianduffyctm)


    6 years, 1 month ago

    What settings do I use to make the text render correctly for all screen and device sizes. On smaller screens and mobile the full text isnt visible on the picture.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi,

    I have visited the link and found the font-size is set 35px there. You can change the font-size for small devices. Use the below CSS code to the custom CSS field of the plugin from the ‘Settings’ menu.

    /* For Mobile */

    @media screen and (max-width: 375px) {
.sp-wpcp-4402 .wpcp-all-captions .wpcp-image-caption {
    font-size: 18px;
    line-height: 18px;
  }
}

    /* For Tablet*/

    @media screen and (max-width: 768px) {
.sp-wpcp-4402 .wpcp-all-captions .wpcp-image-caption {
    font-size: 25px;
    line-height: 25px;
  }
}

    Feel free to adjust the CSS values.
    Hope to hear from you soon.
    Thank you.

Viewing 1 replies (of 1 total)
  • The topic ‘Text doesnt render based on screen/device size’ is closed to new replies.