Tagged: sidebar
Hi,
Currently I am testing with a sidebar and main content, where they have different backgroundcolor (sidebar is white, maincontent is blue).
Also the socket and footer are de-activated. But at the bottom of the screen the backroundcolor is pagewide blue.
Is it possible for sidebar and main content to have equal height towards the end of the page?
See screencapture.
Hey karinorage,
I’m not sure if that would be possible, but send us a link to the page in question and we’ll have a closer look at it.
Best regards,
Rikard
hi Rikard, thanks. I added the link and some scrreencaptures in the private content window.
I first thought it had to do with the position: relative; in .container_wrap in css/grid.css.
But I can not override that in the css of the enfold-child theme, so I commented it out in the original grid.css (just for checking), but that’s not the solution. Do you have a solution?
Hi,
Thanks for the link and screenshots, though it looks like you have solved already on the actual site?
Best regards,
Rikard
Hi Rikard,
Yes, I think I solved it, thanks to a previous post (https://kriesi.at/support/topic/sidebar-same-height-as-content-100-height/#post-643168).
I added the code min-height:calc(100vh – 40px); to .sidebar_left.sidebar
(and another for smaller than 768 devices:
.sidebar_left.sidebar {
min-height:40px;})
It looks like it’s working okay.
Thanks and best regards,
Karin
Hi Karin,
Great, glad you got it working and thanks for sharing your solution, much appreciated :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi Rikard,
No further help needed on this topic, so you can close it.
Thanks for your support.
Best regards,
Karin