Not Mobile Friendly
Very difficult to admin products on Mobile when admin columns is active. Is there a mobile friendly version?
Hi Charles,
It’s correct that it is not fully optimized for mobile.
But are you aiming specifically on the WooCommerce products overview? I know that WooCommerce has some custom styles for that overview. In that case I’ll create a ticket so we can have another look at this overview page.
hej stefan.
may i ask in the same topic?
i’d like to adjust the title column a lot.
so i’d like to ask for a minimum mobile support to overwrite that like
@media screen and (max-width: 782px) {
.ac-testimonials .wrap table th.column-title {
width: 100% !important;
}
}
best,
s
Hi Stephan,
Thanks for your input.
I checked your code and there are some reasons why I think this should not be part of our product.
1) You code is specifically written for the testimonials post type so we should at least remove the .ac-testimonials selector from your code
2) This code would always force the title column te be 100% while in some cases the title column is not the primary column. So this will only work when you have the title column active on your testimonials overview page.
So while this code may be very useful for your environment, it would be a too specific addition to our plugin that would break some other use cases. Therefore I advice you to add this code to your own environment by including your own CSS file or by using a WP filter or our filter to add the CSS to your theme / plugin.
function acp_force_100p_title_column_width() {
if ( ! function_exists( 'AC' ) ) {
return;
}
$list_screen = AC()->table_screen()->get_current_list_screen();
if ( ! $list_screen ) {
return;
}
?>
<style type="text/css">
@media screen and (max-width: 782px) {
.ac-testimonials .wrap table th.column-title {
width: 100% !important;
}
}
</style>
<?php
}
add_action( 'admin_footer', 'acp_force_100p_title_column_width' );
This code will add you CSS to only the admin table screens.
thanks stefan for your quick response! your code does help me in fact.
the other option in my case was to reset the defined width of the title and the of course the mobile worked quite as well again.
anyway, my intention might have been a bit more specific , so i’d like to bring back the scene again.
usually i don’t use wp backend a lot on mobile but on a huge screen – that’s why i definitely love your plugin bringing all the relevant columns at my sight! *****
so what was different this time was that a client asked me to interact while i was on the road and here came in all the mobile rules for the wp backend, but only the ac defined width was strong enough to break my view. ;-)
so my example code was a bit to personal. my suggestion would be to just inherit all the self defined title widths. this would only bring these columns back to normal.
best,
s
Hi Stephen,
I had another look at your suggestion and found that our column width logic should only be applied for non mobile devices. WordPress already has some good responsive styling for mobile devices and each column should be 100%. So instead of resetting each column to 100% for mobile screens it would be better to do our column width logic when the screen is bigger than 782 check.
I’ve created an issue for this and it will be fixed in the upcoming release.
https://github.com/codepress/admin-columns-issues/issues/846
Thanks for your input, it’s really appreciated!
You must be logged in to reply to this topic.