New to the community? Start here

Mattbkelly
WordPress Warrior
166 pts: Hero points 1,327 pts: Rep. points LEVEL 9

Mobile appointments admin page has narrowed for new update

It does not look good. very poor margins. Is there a quick fix?

thanks,

matt

Mon, 16 May 2016 23:07:10

Rupok
- Ex Staff
- 2,788 pts: Hero points 17,668 pts: Rep. points LEVEL 29
Hi matt, hope you had a wonderful day.

I could provide you quick fix if I could see the page on your site or my site but I’m not exactly sure which page we are talking about.

Can you please provide URL of the page where I can see this in mobile? I can give you custom CSS to fix that as soon as I can identify the page where it’s not looking beautiful.

I’m looking forward to hear from you and resolve this issue as soon as possible.

Have a nice day. Cheers!

Rupok
Mattbkelly
- WordPress Warrior
- 166 pts: Hero points 1,327 pts: Rep. points LEVEL 9
here is the url:

http://www.massagetx.com/wp-admin/admin.php?page=appointments&type=active&app_service_id&app_provider_id&app_order_by=start_ASC&orderby=start&order=asc
Kasia Swiderska
- Support nomad
- 6,254 pts: Hero points 23,943 pts: Rep. points LEVEL 30
Hello matt,

It looks that this is issue from WordPress as the same look is on pages list (and Appointments tables are using the styles of the tables that are coming from the WordPress).

However I could not replicate this on my site with appointments nor pages or posts…

Please try this code added to your themes functions.php file:
```
add_action('admin_head', 'my_custom_styles_wpmudev');



function my_custom_styles_wpmudev() {



?>



<style>

@media screen and (max-width: 782px) {

.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {

width: 560%!important;

}



}

</style>



<?php }
```
let me know if this will improve looks on mobile.
Mattbkelly
- WordPress Warrior
- 166 pts: Hero points 1,327 pts: Rep. points LEVEL 9
It fix it a bit. Still a little tight.

I played with the numbers but it didn't change anything.

Not sure how to make it wider.

thanks
Kasia Swiderska
- Support nomad
- 6,254 pts: Hero points 23,943 pts: Rep. points LEVEL 30
Hello Mattbkelly,

They wont get any wider now – because default WordPress styles will put every table cell vertically, not to next each other. Please see here – width is full:

[attachments are only viewable by logged-in members]

kind regards,

Kasia
Mattbkelly
- WordPress Warrior
- 166 pts: Hero points 1,327 pts: Rep. points LEVEL 9
Would this be considered a bug? It is a Little taxing scrolling through so much space. It was working much better before the updates. Is it just my theme or is everyone’s like this?

Thanks
Kasia Swiderska
- Support nomad
- 6,254 pts: Hero points 23,943 pts: Rep. points LEVEL 30
Hello Mattbkelly,

I checked my sites and I could not replicate this on them – but on your site it happens also on pages.

You could run plugin/theme conflict test to be sure what is causing this issue.

kind regards,

Kasia

How do you rate me?

Thank you for rating your experience!