Tagged: header, header widget, shrinking header
Hello
The site I’m working on is evokespirit.com
I have this setting for my header
I added a paypal button in a header widget to the header
When I scoll down the header shrinks yet the widget stays the same size
How can I make it shrink with the header content?
Thank you
try this :
#custom_html-4 {
margin: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#top .textwidget form {
margin-bottom: 0;
}
or maybe you can try a different hook for the widget-area! Then maybe shrinking of the container could be reached too.
if you use ava_after_main_menu as dynamic_sidebar it will be part of the logo container.
you created the widget-area by functions.php
as mentioned above you can do it this way instead. But you had to style it completely again from the beginning. As part of the inner container of logo surrounding container it will be influenced by shrinking too.
add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
dynamic_sidebar( 'header' );
}
“#custom_html-4 {
margin: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#top .textwidget form {
margin-bottom: 0;
}”
worked thanks for your support
This thread is resolved
Hi Nathan,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria