Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1170415

    Hello

    The site I’m working on is evokespirit.com

    I have this setting for my header

    View post on imgur.com

    I added a paypal button in a header widget to the header

    View post on imgur.com

    When I scoll down the header shrinks yet the widget stays the same size
    How can I make it shrink with the header content?

    View post on imgur.com

    Thank you

    #1170431

    try this :

    #custom_html-4 {
      margin: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    
    #top .textwidget form {
      margin-bottom: 0;
    }
    • This reply was modified 4 years, 11 months ago by Guenni007.
    #1170432

    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' );
    }
    #1170500

    “#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

    #1170517

    Hi Nathan,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to get header widget to shrink with header’ is closed to new replies.