Site logo

[Resolved] Set sidebar height to 100%

Home Forums Support [Resolved] Set sidebar height to 100%

Home Forums Support Set sidebar height to 100%

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2532754
    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

    #2532840
    David
    Staff
    Customer Support

    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.

    #2532857
    Israel

    Nah I was trying something sorry. all good now.

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

    #2532932
    David
    Staff
    Customer Support

    Ok, try this CSS:

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

    Done.

    Unfortunately this haven’t resolved the issue.

    #2533119
    David
    Staff
    Customer Support

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

    2023-02-14_15-01-49

    #2533121
    Israel

    Okay I will check with my ad network support. thanks

    #2533123
    David
    Staff
    Customer Support

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

    #2533316
    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%;
    }

    #2533926
    David
    Staff
    Customer Support

    Ok, glad to hear you got it working

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