[Resolved] Hide Post via mobile & reduce margins

[Markus]

HI,
in a post attached above I have included an NGG slideshow.

1. i do not want to see this (this one post) via mobile phone. Unfortunately I don’t know how to embed the display:none correctly & where?

2. how can I reduce the white borders in this one post to a minimum?

Or is there another way to integrate the slideshow at this position? About Elements? I’m new to GeneratePress and don’t know my way around yet.

Thanks for your help before.
Greetings
Markus

[David]

Hi there,

1. Try this CSS to remove the first post that contains the slider:

@media(max-width: 768px) {
    .blog.separate-containers article:first-of-type .inside-article {
        display: none !important;
    }
}

2. And this CSS to remove its padding:

.blog.separate-containers article:first-of-type .inside-article {
    padding: 0;
}

[Markus]

Thx a lot! It works both.

[David]

You’re welcome

[Markus]

Hi

I still have the following question:
On the 2nd blog page you can see the image I put as background in the first post behind slideshow from page 1.
How can I limit this to the 1st post on the 1st page?

Thanks & greetings
Markus

[David]

So you have this CSS:

.blog.separate-containers article:first-of-type .inside-article {
    background: url(/grafix/bg16.jpg);
}

Try changing that to:

.blog.separate-containers:not(.paged) article:first-of-type .inside-article {
    background: url(/grafix/bg16.jpg);
}

[Markus]

perfect, it works fine.
thx for the fast service 🙂

Regards
Markus

[David]

Glad to be of help

[Author]

Posts