- This topic has 12 replies, 4 voices, and was last updated 2 years, 8 months ago by
.
-
Posts
-
Please suggest way to balance these 2 areas in the bottom so that it should look good on desktop…
Hi David, so you are online now… 🙂
Customer Support
Hi Anil 🙂
are you looking to close or remove the space below the main content ?
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 ???
Customer Support
I’m not sure I fully understand your request, but can you give this a try?
Go to customizer > layout > container, and select
one containerinstead ofseparate containers.Hi Ying,
with this option, all grid spacing between different divs is lost … I want to preserve that spacing….
Regards.
Customer Support
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.
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.
I’m not sure I understand. Are you referring to filling the remaining space with this div?: https://share.getcloudapp.com/L1u661Zq
Yes dear
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?
Thanks everyone helping this issue.
Resolved.
Warm regards.You’re welcome, Anil!
- You must be logged in to reply to this topic.
