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?
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.
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?
Thanks for the link and screenshots, though it looks like you have solved already on the actual site?
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:
It looks like it’s working okay.
Thanks and best regards,
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.
No further help needed on this topic, so you can close it.
Thanks for your support.
The topic ‘Sidebar and main content equal height – no footer and socket’ is closed to new replies.