Linked words disappear in mobile and tablet.

  • Resolved skitpappa121

    (@skitpappa121)


    7 months, 2 weeks ago

    I don’t know exactly when this started, but in the last week I have noticed that linked words on my site disappear when viewed on mobile and tablets. They still work fine on larger screens. If I try to make a new link, that word disappears.If I remove the link the words reappear. I have never experienced this behavior before and I’m extremely puzzled. Please help me understand how this can happen.

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Alvind

    (@alvindcaesar)

    Hi there,

    Make sure to purge all caches from your site first. It looks like your WordPress admin area is also cached as I can see it.

    Thread Starter skitpappa121

    (@skitpappa121)

    Flushed all cache, no change.

    • This reply was modified 7 months, 2 weeks ago by skitpappa121.

    Hi there,

    i see this CSS loading on your site:

    @media (max-width:1038px) {
    .elementor-kit-9879 a {
        font-size: 1px;
    }
}

    Its an Elementor style that is being loaded on that page, and its setting ALL your links font size to 1px.

    Check with Elementor support on how to fix that.

    Whilst you’re waiting for Elementor support, you can add this CSS to fix it:

    #page a {
    font-size: revert-layer;
}
    Thread Starter skitpappa121

    (@skitpappa121)

    Thanks David, unfortunately the script didn’t work. But I wonder, if this is the real cause, why are the links visible (in correct size) on desktops and laptops? Any idea? This is driving me nuts!

    Its the Elementor CSS ie. this:

    @media (max-width:1038px) {
    .elementor-kit-9879 a {
        font-size: 1px;
    }
}

    To break it down:
    i) @media (max-width:1038px) { = when the screen size is a maximum width of 1038px then do the code inside the {}
    ii) .elementor-kit-9879 a { = apply the styles inside the brackets to all a ( anchor tags ie. links ) on a page with the elementor-kit-9879
    iii) font-size: 1px = set the font size to 1px

    Speak to Elementor support as its there plugin that is doing that.

    Thread Starter skitpappa121

    (@skitpappa121)

    Thanks for your help, but I can’t speak to Elementor support, since I’m on Elementor free… Is there a way to modify this css in free?

    Elementor provides free plugin support here:

    https://www.ads-software.com/support/plugin/elementor/

    That style looks to be related to the Elementor Site Kit, which has some docs here:

    https://elementor.com/help/selecting-an-elementor-site-kit/

    If that does not work, then adding this CSS to your site should fix it:

    #page a {
    font-size: revert-layer !important;
}

    If it does not then you need to find some elementor support

    Thread Starter skitpappa121

    (@skitpappa121)

    Yes! It worked! Thank you so much, now I can get on with my life again!

    Glad to be of help

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Linked words disappear in mobile and tablet.’ is closed to new replies.