[Resolved] Sticky ads to the right of the body

Hi there,

this kind of thing is best managed by the advert provider.
But if you can share a link to your site ill see if we have an option

OK.

1. in Appearance > GeneratePress activate the Elements module.
2. in Appearance > Elements, create a new Hook Element.
3.1 inside the hook add this HTML with your advert code inside:

<div class="aside-float-wrap">

your advert code

</div>

3.2 Set the Hook to wp_footer
3.3 Set the Display Rules to the Entire Site.
3.4 Publish the hook.

This will add the container and code at the bottom of your page.

4. Now add this CSS to fix its position to the right of the screen:

@media(min-width: 1280px) {
  .aside-float-wrap {
    --container-width: 800px;
    --wrap-width: 240px;
    position: fixed;
    top: 0;
    right: calc( ( 100vw - var(--container-width) ) / 2  - var(--wrap-width) );
   }  
}

Note that the @media min width is 1280px, Which is wrap-width + container-width + wrap-width
So it only fixes its position if the screen is wide enough.

Not sure what you want it to do on smaller screens, it could be hidden with CSS.

How did you add the CSS from David’s step 4? I’m not seeing it in the additional CSS area in customizer.

Let me know!

You need to clear the WP Rocket caches as the CSS isn’t loading.

As David mentioned here:https://generatepress.com/forums/topic/sticky-ads-to-the-right-of-the-body/#post-2553329

this kind of thing is best managed by the advert provider.
But if you can share a link to your site ill see if we have an option

If you can not get our solution to work properly due to the cache issue, I would recommend reaching out to your ads provider for a solution in this case.