[Resolved] Set sidebar height to 100%

[Israel]

Hi,

How I can set my sidebar height to 100% ?

I have integrated sticky ads on my site and it requires the sidebar column to be set to Height 100% to work properly. Please check: https://nitropay.com/docs/special-ad-format-sticky-stack/ (See common issue at the bottom of the page)

It’s crucial that the column fills 100% of the available height in the area you want the ads to appear. A container with no height set / auto height will only spawn 1 ad, and there will be no sticky behavior since the ad will only scroll within the height, which will be 0px.

I am facing this issue, I’m just seeing one ad actually.

I’ve shared my site in the private section. thanks

[David]

Hi there,

your sidebar is showing below your page content when i view your site, which means the CSS for the layout has been messed with. This i assume is something that Litespeed is doing to that CSS. You need to fix that first.

[Israel]

Nah I was trying something sorry. all good now.

How I can set this sidebar value to height 100%? thanks

[David]

Ok, try this CSS:

.inside-right-sidebar {
    height: 100%;
}

[Israel]

Done.

Unfortunately this haven’t resolved the issue.

[David]

The CSS is working, it is setting the sidebar height to 100% as you asked:

[Israel]

Okay I will check with my ad network support. thanks

[David]

You’re welcome, let us know how you get on.

[Israel]

I needed to add a custom CSS to my container in addition to your code and that worked.

My CSS code:

/*Set Sidebar Ads Height 100%*/
.inside-right-sidebar {
height: 100%;
}
#sticky-sidebar {
height: 100%;
}

[David]

Ok, glad to hear you got it working

[Author]

Posts