Moving the Woocommerce ordering

[Anonymous 4214]

Anonymous 4214

January 28, 2017 at 6:51 am

Hi Kadencers,

i moved the Woocommerce Ordering Dropdown from it’s original location to a widget and placed it with Widgets on pages on a bar under the header.
Here you can see how it looks: *Login to see link

To do this, i removed the function and added it to a shortcode in functions.php of the Child Theme – like this:

remove_action( 'kt_woocommerce_page_title_right', 'woocommerce_catalog_ordering', 30 );
}

add_shortcode('woo_sort', 'woocommerce_catalog_ordering');

Now the shortcode [woo_sort] is adding the Dropdown where i need it.

My problem is that under 900px screen width the dropdowns are overlapping and i don’t know why.

Can you please help to figure out some padding or to colapse that row sooner?

Also as the width gets narrower all dropdowns align left, but the ordering aligns right.

Can you please help me align them all centered on smaller screen size ?

Thank you,
B.Anders