Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 6, 2021 at 2:10 pm #1278247
    yampieters

    hello, on a website im having this page ( https://jmcwebdesign.nl/switch/deswichtgids/ )
    where the title word De Switchgids is corresponding with the subtitle.
    thats allright for a desktop, but on a mobile the text is, keeping the mobile upright, falling out of the screen.
    Ive tried to solve that by a piece of code,
    using @media only screen and (min-width: 768px),
    but i did not succeed.
    where and how could i fix this?
    best regards, jelle

    • This topic was modified 3 years, 9 months ago by yampieters.
    February 6, 2021 at 3:05 pm #1278260
    Nikko

    Hi jelle,

    Instead of trying to use inline css in your span tag, can you try to add a class instead so you can target it.
    Then in Quick CSS, add the CSS code both for desktop and it’s mobile version.
    Hope this helps you in the right direction.

    Best regards,
    Nikko

    February 7, 2021 at 11:56 am #1278422
    yampieters

    Hello Nikko, thanks for the reply.
    ive been able to solve it by this adjustment in the Quick CSS department:

    .switchgids
{letter-spacing:13px;}
    @media only screen and (min-width: 768px) 
{.switchgids
{letter-spacing:5px;
}
}

    best regards, jelle

    February 7, 2021 at 12:50 pm #1278431
    Nikko

    Hi jelle,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

    • This reply was modified 3 years, 9 months ago by Nikko.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘no letterspacing on mobile’ is closed to new replies.