Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

3 column layout on homepage with google feed ad issue

  • Here is the CSS you gave me in previous thread, you said it will need to revised according because it was for 2 column for 3 column, [would it work regardless how many sidebar I have?]:

    @media(min-width: 769px) {
    body:is(.blog,.archive) .site-main {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    }

    body:is(.blog,.archive) .site-main > * {
    width: calc(50% – 10px);
    max-width:calc(50% – 10px);
    }

    body:is(.blog,.archive) .site-main .inside-article {
    height: 100%;
    }

    .inves-home-feed-ad-1 {
    position: relative;
    }

    body:is(.blog,.archive) .site-main .inves-home-feed-ad-1 *:not(iframe) {
    position: unset !important;
    }
    }

  • Hi there,

    Change this CSS:

    body:is(.blog,.archive) .site-main > * {
        width: calc(50% – 10px);
        max-width:calc(50% – 10px);
    }

    to:

    body:is(.blog,.archive) .site-main > * {
        width: calc(33.3% - (40px / 3));
        max-width: calc(33.3% - (40px / 3));
    }
  • No Problem, glad to help 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.