Archived topic
Underlined links are not displayed mobile
5 replies · Started by Johannes Breunig on December 10, 2020
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.
Hi there,
can you share a link to your site ?
Here is the Link.
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.
It works. Thanks a lot ;-)
It works. Thanks a lot 😉
No problem. Glad to be of any help. :)
