[Resolved] Off canvas Panel not showing on Chrome

[Dennis]

Hello everyone,
I`m having two small issues here, and I hope I can get an answer from you awesome people.

1. Somehow, the off-canvas panel is not showing up in Chrome mobile.
You can see a semi-transparent layer with no menu at all.
The same thing happens in Opera, however, in FireFox it works fine.
I don’t remember I did anything wrong, nor did I change anything regarding CSS.

2. I found an old post from David, how to underline links on hover and change color (thanks David!).
Heres the code.

body:not(.blog):not(.archive):not(.home):not(#ez-toc-container) .inside-article a {
    position: relative;
    font-weight: bold;
}

body:not(.blog):not(.archive):not(.home) .inside-article a:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    border-bottom: 2px solid transparent; /* Change weight of underline */
    pointer-events: none;
}

body:not(.blog):not(.archive):not(.home) .inside-article a:hover:after {
    border-bottom-color: #28b501; /* Change color for hover state */

However, it doesn’t work for all links. You can see from one article I have, it works for some links, not for all of them.
Some links are underlined with a bold line, other with a thin line, and others are not underlined at all.

Some help would be nice.
Thanks, and thanks for the awesome theme you have created!

P.S I have 3rd question if you don’t mind.

In the blog section of the plugin, you can see the posts. Is there any way to show pages instead of posts?
Do I need another plugin to help me out like wp show posts?
Thank you again,

-Dennis

[David]

Hi there,

lets try and fix #1 first.
Can you disable and cache plugins you’re using first.
If that does not resolve the issue can you disable all other plugins aside from GP Premium so we can test for conflicts.

[Dennis]

Hey David,
Thanks for the help. It was indeed a caching issue.
Async JavaScript. I had to change the Async method to Defer. And Nginx cache.
I changed them and it works ok so far.

[David]

Glad to hear that 🙂

[Dennis]

Hey David,
Can you help me with the other 2 issues please, they still exist.
As I said, Underlinks don’t behave properly. Sometimes they show, others don’t.

Thanks,
-Dennis

[David]

Oops – got a bit carried away 🙂

Get 3 out of the way – yes, WP Show Posts would be the easiest way to display a list of pages.

Is there a specific post that i can see where the CSS isn’t working ?

[Dennis]

There you go,

https://worldofpeptides.com/peptide-guide/

If you look through the links, some have bold underlines, other thin, and others don’t have at all.

[David]

That code hightlights all content links in bold green, on hover link turns to black and adds a green underline.

I am having trouble finding any link that doesn’t behave in that way.

Can you share a screenshot of a problem link?

[Dennis]

-Dennis

[Dennis]

There you go, David.

View post on imgur.com
View post on imgur.com
View post on imgur.com
View post on imgur.com
View post on imgur.com
View post on imgur.com
View post on imgur.com
View post on imgur.com
View post on imgur.com
View post on imgur.com
View post on imgur.com

-Dennis

[David]

Not really noticing the different weight of line may be a browser rendering thing.
The later issues is where the link wraps over multiple lines. Unfortunately this method doesn’t work. However, you can try this CSS instead:

.entry-content a {
    font-weight: bold;
    box-shadow: 0 3px 0 0 rgba(43, 173, 0, 0);
}

.entry-content a:hover {
    box-shadow: 0 3px 0 0 rgba(43, 173, 0, 1);
}

[Dennis]

I got distracted sorry 🙂
David, thanks for everything. The new CSS works fine.
It seems so far so good. For now 🙂
Again, thank you.

-Dennis

[David]

Glad to be of help.

[Author]

Posts