Site logo

Archived topic

grow last child of right sidebar to make it equal to content

6 replies · Started by Anil on June 15, 2021

Viewing posts 1–7 of 7

I am trying to grow last child of right sidebar to make it equal to content

@media (min-width: 769px) {
	.inside-right-sidebar {
    	    display: flex;
    	    flex-direction: column;
	}
	.inside-right-sidebar > aside:last-child {
	    flex-grow: 1 !important;
	}
}

but it is not working... please help

Hi Anil,

Try this CSS instead:

@media (min-width: 769px) {
div#content {
    display: flex;
}
div#right-sidebar >.inside-right-sidebar {
    height: 100%;
    display: flex;
    flex-direction: column;
}
div#right-sidebar >.inside-right-sidebar > *:last-child {
    flex-basis: 100%;
}
}

Hi Ying

it is not working.... see url

Hi there,

Can you try disabling all plugins to check if there's a plugin conflict? I've inspected your site and there seems to be a script that adds "height: auto !important;" to the elements.

This isn't default theme behavior. Something third-party is adding this.

I de-activated all plugins, and no other theme...
But “height: auto !important;” is there ???

this is adsense behaviour, i feel there is no solution for it...

this is adsense behaviour, i feel there is no solution for it…

We can't do anything about it if that's the case. The theme can't control the behavior of added scripts, unfortunately.

This archived topic is closed to new replies.