Actions missing in Orders view on Mobile

Hi @poiter,

Thank you for reaching out!

I understand that you’d like to be able to print a packing slip from wp-admin on mobile and from the WooCommerce Mobile App.

Printing a packing slip is not a default WooCommerce functionality. Can you please specify which additional plugin you are using?

When I access wp-admin from a mobile browser, I do see order actions.

I hope this helps!

Hi @grigaswp,

I’m using for this site the WooCommerce PDF Invoices & Packing Slips from Ewout Fernhout. But on other WC sites I build, without this plugin I also don’t see the action tab on mobile…
All the WCsites are build with GeneratePress or Hello theme. With and without Elementor.

I do see in the code this:

@media screen and (max-width: 782px)
.wp-list-table th.column-primary~th, .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column) {
    display: none;
}

So I can maybe tweak this css, but where is the best option to do this?

Thank you in advance!

Hi @poiter,

I’m using for this site the WooCommerce PDF Invoices & Packing Slips from Ewout Fernhout.

Thank you for confirming! I’m almost certain that at this point, compatibility with this plugin hasn’t been looked into by our WooCommerce Mobile App developers so any options added by this plugin will not show up in the mobile app.

Feel free to request this on the ideas board:

https://ideas.woocommerce.com/forums/133476-woocommerce?category_id=84283

Although it could take a while to implement.

But on other WC sites I build, without this plugin I also don’t see the action tab on mobile…
All the WCsites are build with GeneratePress or Hello theme. With and without Elementor.

I do see in the code this:

@media screen and (max-width: 782px)
.wp-list-table th.column-primary~th, .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column) {
display: none;
}

So I can maybe tweak this css, but where is the best option to do this?

I don’t see this code in wp-admin, even with smaller screen sizes, and CSS is usually site-specific.

Can you please specify where did you get this code snippet? Is it a workaround described in an article online?

Since this code is supposed to fix a problem that does not exist on my site – I can’t check whether will work or not on yours, but you can try adding it in Appearance >> Customize >> Additional CSS.

The fact that the actions section on order pages is not missing on a control/test site means that most likely, this behaviour is isolated to your WordPress/WooCommerce installs.

Have you tried conflict testing yet?

https://docs.woocommerce.com/document/how-to-test-for-conflicts/

Although it’s odd since wp-admin pages are usually not affected by theme CSS. Are you using any plugins to customize the wp-admin area? Perhaps your theme does that?

Please copy your System Status report from wp-admin >> WooCommerce >> Status and paste it here.

Finally, how exactly are you accessing the wp-admin page on mobile? Are you simply logging in from a mobile browser like Chrome or Safari?

Here’s how it looks like on my test site, wp-admin accessed through Chrome mobile browser on iOS:

https://d.pr/i/yAj91Y

Hi @grigaswp,

Thanks for taking the time to give a reply!

Your screenshot shows an order and there indeed you can see the actions. But I ment the actions aren’t on de order page itself. Where you see al the orders. See my screenshot. I also added the css code where I find it. Already tried to trigger this in teh additional css, but no luck…

Hi @poiter,

Thank you for confirming that you’d like to see the actions column in WooCommerce >> Orders and not the order actions on the order page.

I was not able to enable the actions column on a mobile device and this might indeed require code customization.

I’ve reported this behaviour to our developers here:

https://github.com/woocommerce/woocommerce/issues/28455

They will confirm if this is a bug or this behaviour is intentional.

Hi @grigaswp,

Thanks for the report on Github. I subscribed to the issue. Will wait for their response!

Gr. Pieter

Hey there,

Given that the issue is now being tracked on Github, I’ll close off this thread – that means that all updates can be discussed on Github.