[Resolved] Hide Post via mobile & reduce margins

Home Forums Support Hide Post via mobile & reduce margins

  • This topic has 3 replies, 2 voices, and was last updated 4 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1510558
    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

    #1510741
    David
    Staff
    Customer Support

    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;
    }
    #1511561
    Markus

    Thx a lot! It works both.

    #1511745
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.