Hide last column on mobiles

Hi there,

It’s possible with custom CSS.

Try adding this:

@media(max-width:767px){
section.wp-show-posts .wp-show-posts-single:last-child {
    display: none;
}
}

Hi Elvin.

Unfortunately it did not work. I’ve tried it before. I even added !important and it didn’t work either.

Here is the test page, in case you want to take a look: https://bit.ly/2TiWFld
It is added at the end, in the related post section. I added it with a generatepress hook on the pages.

• This reply was modified 3 years, 8 months ago by Diogenes.

Hi there,

I don’t see the code being applied.

Can you try temporarily disabling the site’s caching?

Also, can you share the settings you have for the Hook element? (code content, display rule, hook)

Let us know.

Hi Elvin.

I already disable the cache.

Here is a capture of the hook content:

https://imgfz.com/i/ZhycSDm.png

The display rule is that it is shown in all posts.

Please let me know when you are done to enable the cache.

I solved it using: :last-of-type
The code would look like this:

@media(max-width:767px){
section.wp-show-posts .wp-show-posts-single:last-of-type {
    display: none;
}
}

Thanks for the help.
Greetings.

Strange. It was working on my sandbox site.

Nice one. Glad you got it resolved. ??