[Support request] Underlined links are not displayed mobile

[Johannes Breunig]

Hello, I want all my links and buttons in the content to be underlined and bold.

`.entry-content a {
font-weight: bold;
text-decoration:underline;
}

This works in the desktop view. But in mobile view the underline is missing.

[David]

Hi there,

can you share a link to your site ?

[Johannes Breunig]

Here is the Link.

[Elvin]

Hi,

It doesn’t work for mobile because it is enclosed within a @media rule.

This CSS is from your site.

@media (min-width: 769px){
.entry-content a {
    font-weight: bold;
    text-decoration: underline;
}
}

This particular @media rule means it with only apply to screens with atleast 769px or larger meaning it’s not being applied smaller screens (mobile).

If you want it to apply regardless of screen size, simply remove the @media rule.

[Johannes Breunig]

It works. Thanks a lot 😉

[Elvin]

It works. Thanks a lot 😉

No problem. Glad to be of any help. 🙂

[Author]

Posts