Archived topic

element shortcodes before main content issue

9 replies · Started by Daniele on March 10, 2019

Viewing posts 1–10 of 10

March 10, 2019 at 8:40 am #834671

Hi all,
I inserted this code

<div class="grid-33 before-content-left">
   [widget id="youtube-channel-8"]
</div>
<div class="grid-33 before-content-center">
    [widget id="youtube-channel-4"]
</div>
<div class="grid-33 before-content-right">
    [widget id="youtube-channel-9"]
</div>

in an element to be showed before the content section just in the homepage.

It works but the main content overlaps the hook (see http://www.80s.it) ...how can i fix it?

thanks in advance,
Daniele

March 10, 2019 at 9:40 am #834721

Hi there,

which hook did you use?
Try the before_main_content hook. It should position it above the content which is using masonry that is effecting this.

March 10, 2019 at 9:47 am #834728

Hi David,
I used that indeed!

here my screen: https://cdn1.imggmi.com/uploads/2019/3/10/6598128f6ca5fd4b9d94050b87336dd1-full.png

March 10, 2019 at 9:57 am #834742

So the container is relatively positioned so give this CSS a shot:

@media (min-width: 1024px) {
    .separate-containers .site-main>.generate-columns-container {
        top: 220px;
    }
}

March 10, 2019 at 10:06 am #834751

I did it, it did it :D
Cheers David!

March 10, 2019 at 10:09 am #834756

You're welcome = :)

March 28, 2019 at 11:11 am #852786

Hey David, I just noticed that space affect all the website's pages, and i actually need that just on the homepage.
how can I exclude all pages but home?

tnx in advance

March 28, 2019 at 3:18 pm #852924

Try this instead:

@media (min-width: 1024px) {
    .home.separate-containers .site-main>.generate-columns-container {
        top: 220px;
    }
}

March 29, 2019 at 12:44 am #853166

Tnx Leo, now it works perfectly!

March 29, 2019 at 6:09 am #853387

No problem :)

This archived topic is closed to new replies.

Start building better websites today.