Display Category at the top (on mobile devices)

Can you please share a link to the page you want to do this on? This will help us give you the right CSS code to make this happen.

The code below should work though, depending on your setup:

@media (max-width: 575px) {
.single .main-row {
    display: flex;
    flex-direction: column-reverse;
}
}

This will switch the order of the sidebar and main section on mobile view.

• This reply was modified 2 years, 4 months ago by aThemes.

Can i send the url via DM?

@papercopyfax I don’t believe that’s possible on here. Did you try the code we suggested?

Yes i did, but nothing changed. URL is https://www.mooiatelier.de
will edit it back in about 10 minutes, hope you see the url quick enough

If you are referring to your shop page: https://yourwebsite.com/shop/

Here’s the code that would work:

@media (max-width: 575px) {
.woocommerce-shop .main-row {
    display: flex;
    flex-direction: column-reverse;
}

Note: Don’t forget to clear your site caches if you have a caching plugin installed.

Can you please let us if the code works, or if there’s anything else we can help you with?

Yes it works! How can i edit the url back? edit field does not show up anymore

Hi,

We’re not sure exactly what you mean by ‘edit the url back’ or that the ‘edit field doesn’t show up anymore’. Can you please clarify?

I would like remove the shop link above. I can not edit my post anymore.

Hi @papercopyfax,

The /shop link shown in web browser’s address bar is from Dashboard > WooCommerce > Settings > Products > General > Shop page dropdown.

You can change the page to get your unique shop link. The selected page can’t be edited as usual. Because WooCommerce system uses it as your shop archive page link.

If you want to add products list in your homepage, you can use WooCommerce shortcode in your page editor of your homepage.

Hope this reply helps.