Archived topic
Error in header widget...not using the full area allowed
6 replies · Started by Doug on January 28, 2019
I thought I just posted this but I can't seem to find it anywhere.
For some reason if I use only 2 widgets in an Elementor section, when I put it in the header widget area it doesn't expand the full width of the area.
If I put in more widgets it will expand. 2 widgets and it's way too narrow.
https://kpow.wyohost.com/wp-content/uploads/Ok-with-4-columns-1.png
any ideas?
Thanks
Hi there,
the elementor widgets are collapsing in width, as they basically scale up / down to fit. You can define a width of the header widget to stop this from happening:
.header-widget {
width: 50%; /* adjust to suit */
}Scale up or down to fit what? What determines the scaling?
And I thought the header widget was already set at 50%?
That widget that got scaled down...is the same one that is in the top image where it is full width across,
The header widget only has a max-width property. So the container size is unknown.
Then elementor widgets are set to width: 50%; Secondly they use Flex, without changing the default flex prosperities which includes the element can Shrink.
So 50% of an unknown container size and able to shrink leads to this effect.
Thank you David for the explanation. Not quit sure I 'fully' understand, but about 80% of what you've outlined, I do. I'm not too familiar with Flex.
Thanks again.
Glad to be of 'some' help :)
