Storefront header: Restrict AWS width

  • Resolved meltdown2

    (@meltdown2)


    6 years, 3 months ago

    I see from another post that I can add the AWS search form to the Storefront header with this:

    remove_action( 'storefront_header', 'storefront_product_search' );
add_action( 'storefront_header', 'position_aws_in_header', 40 );
function position_aws_in_header( ) {
echo do_shortcode( '[aws_search_form id="1"]' );
}

    However, the AWS search form extends across the entire width of the header. I would like to restrict the width and have it reside on the right-hand side of the header. Can you help?

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter meltdown2

    (@meltdown2)

    To clarify, I’d like to replace the default Storefront header search with AWS, as shown here.

    Plugin Author ILLID

    (@mihail-barinov)

    Hello,

    Sorry, but it is not clear for me.
    So you try to add code above but failed to replace default Storefront search form from top right corner?

    Thanks.

    Thread Starter meltdown2

    (@meltdown2)

    Thank you for your reply. If I add the above code, the result is this. The AWS search form extends across the entire width of the header.

    What I would like is to position it like this.

    Thanks again.

    Thread Starter meltdown2

    (@meltdown2)

    In short, I would like the AWS form to be in the exact position as the .site-search form found in the Storefront header.

    Thanks again.

    Plugin Author ILLID

    (@mihail-barinov)

    Please tell me do you also try to use ‘Seamless integration’ option from plugin settings page?

    Thanks.

    Thread Starter meltdown2

    (@meltdown2)

    That did it! Checking Seamless integration was the answer – Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Storefront header: Restrict AWS width’ is closed to new replies.