Adding space above Woocommerce product sorting dropdown

Hi!

Is there any way (in CSS) to add some space between the navbar and the woocommerce default sorting dropdowns.

I tried to remove the woocommerce “Shop” title with this code:

.woocommerce.archive .x-header-landmark {
display: none;
}

But it resulted the product images being pushed right up to the navbar. Would be nice to have some 50px space between the navbar and the products.

Hey,

To fix it, add this custom CSS code:

    margin-top: 50px !important;
}```

Sincerely,
John T.
1 Like

That worked like a charm! Many many thanks!

Glad that we could be of a help :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.