Archived topic

Hide Post via mobile & reduce margins

7 replies · Started by Markus on October 30, 2020

Viewing posts 1–8 of 8

October 30, 2020 at 1:19 am #1510558

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

October 30, 2020 at 4:53 am #1510741

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;
}

October 30, 2020 at 12:03 pm #1511561

Thx a lot! It works both.

October 30, 2020 at 5:14 pm #1511745

You're welcome

June 23, 2021 at 4:28 am #1832036

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

June 23, 2021 at 4:32 am #1832041

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);
}

June 23, 2021 at 4:38 am #1832046

perfect, it works fine.
thx for the fast service :)

Regards
Markus

June 23, 2021 at 7:34 am #1832260

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.