Archived topic
Set sidebar height to 100%
9 replies · Started by Israel on February 14, 2023
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
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.
Nah I was trying something sorry. all good now.
How I can set this sidebar value to height 100%? thanks
Ok, try this CSS:
.inside-right-sidebar {
height: 100%;
}Done.
Unfortunately this haven't resolved the issue.
The CSS is working, it is setting the sidebar height to 100% as you asked:
Okay I will check with my ad network support. thanks
You're welcome, let us know how you get on.
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%;
}
Ok, glad to hear you got it working