Site logo

Archived topic

Content Links Not Showing Underline in Mobile

7 replies · Started by April on November 12, 2021

Viewing posts 1–8 of 8

Hi!

So, I added the following code to add a colored underline to each link in my blog posts. When I look at the mobile version of my website though, only some underlines show up while others are missing it.

.entry-content p a {
position: relative;
z-index: 1;
}

.entry-content p a:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -3px;
height: 5px;
background-color: rgb(228, 181, 129);
z-index: -1;
}

Hi there,

This cannot be a GP issue.

Where are you adding that code?

Hi Leo. : )

I'm adding it in the 'Additional CSS' section in the customizer.

It doesn't look like it from the source code - perhaps you are using some caching or optimizing plugins.

Can you disable all plugins except GP Premium first?

Okay. Deactivated.

Hmm not seeing anything super obvious.

Does it show on mobile if you just do something simple like this?

.entry-content p a {
    border-bottom: 1px solid #000;
}

If so it must be something to do with the CSS code.

Yay! It worked. Thanks! You're amazing! : )

No problem :)

This archived topic is closed to new replies.