Rotating words – Increase font on both desktop and mobile device

  • Posted in : uCard
  • tngkssn
    Participant

    Hi

    I have inserted a css code you gave me to have the rotator words’ font increased but it ONLY works on desktop. The font is still very tiny on mobile phone.
    How can I increase the font size for all devices. Mobile included!

    Thank you for your help

    Here below our previous communication

    My first question
    HEADER
    Rotating words (Before and After text)
    1. I would like to increase the font size of the rotating words (Before and After text)
    2. I would like to extend the espace between letters

    Your reply:

    You can use these custom css codes;
    Header
    1 & 2

    @media screen and (min-width: 992px) {
    .site-description { font-size: 40px; letter-spacing: 2px; } }

    serkan
    Moderator

    Hi,
    You need to remove the media screen query from the front of the CSS code. I added it for customizing the code for desktop.

    .site-description { font-size: 40px; letter-spacing: 2px; }

    If you want to change the font for desktop and mobile separately, you can add this custom CSS code;

    @media screen and (max-width: 991px) {
    .site-description { font-size: 30px; letter-spacing: 2px; } }

    Thanks

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register