[Resolved] content-area and right sidebar

[Anil]

Please suggest way to balance these 2 areas in the bottom so that it should look good on desktop…

[Anil]

Hi David, so you are online now… 🙂

[David]

Hi Anil 🙂

are you looking to close or remove the space below the main content ?

[Anil]

Hi David, how are you…

I mean white boxes should be equally touching lower margin, otherwise a gap showing the background color…. I don’t want to see a patch of background color in either column – content-area and right sidebar, and if possible everywhere – home, archive, search… flexing the last div ???

[Ying]

I’m not sure I fully understand your request, but can you give this a try?

Go to customizer > layout > container, and selectone container instead of separate containers.

[Anil]

Hi Ying,

with this option, all grid spacing between different divs is lost … I want to preserve that spacing….

Regards.

[Fernando]

Hi Anil,

To clarify, are you referring to this whitespace?

If so, the heights of your content and sidebar are relatively different in size which makes the whitespace apparent.

What I can recommend is to move other sections of the sidebar elsewhere or to make the sidebar fixed in height and scrollable.

Let us know what you prefer.

[Anil]

Hi,

I did with a div in right sidebar and grow it to fill the gap (Tom suggested the css).

Can you please help to grow last div in content-area in the mentioned url, this will finally solve my issue.

Please help.

Regards.

[Fernando]

I’m not sure I understand. Are you referring to filling the remaining space with this div?: https://share.getcloudapp.com/L1u661Zq

[Anil]

Yes dear

[Fernando]

Can you try adding this through Appearance > Customize > Additional CSS?:

div#my-div {
    flex-grow: 1;
}

main#main {
    flex-direction: column;
    height: 100%;
}

Does this work for you?

[Anil]

Thanks everyone helping this issue.
Resolved.
Warm regards.

[Fernando]

You’re welcome, Anil!

[Author]

Posts