Woocommerce admin orders page - not mobile friendly - wordpress

I have noticed that the basic Woocommerce orders list admin page does not show properly on mobile devices (iPhone 6/8/8+/MAX at least). Seems there is no separate design for small screens and the page just tries to resize to fit the screen, which creates a lot of artefacts like text being shown over checkboxes, columns missing, etc. Moreover -
i have added, by means of code, a couple of custom columns to Woocommerce orders admin list. They show fine on desktop, but on mobile the whole screen is distorted and even sometimes flickers endlessly as if trying to redraw again and again.
I am trying to achieve the nice screen that is seen on mobile when entering WordPress admin lists. Pages, where there is the main column, which is displayed regularly and then there is a small button (class="toggle-row") which on-click (implemented in common.js) toggles "is-expanded" class to the rest of the columns which are then displayed in a list like manner.
First, I would like to know how to config the boilerplate Woocommerce to have the back office be mobile friendly. Then I would like to know how to fit my custom columns into that scheme as well

Related

wordpress display video based on screen

I state that I have never used wordpress. In the home page of a website created with wordpress I would like to show a different video depending on the screen size. The php script for sniffing I could produce it easily but I don't know in which page to insert it.

I want to do my home page responsive i am using using Divi builder

I have created a home page in WordPress using a Divi theme and Divi builder.
I want that page responsive (means I want when someone opens the site on mobile that person see one column but when someone open's it in the tablet that person see two-column). The issue is that the page is set on mobile with one column but when it comes to tablet it shows also has one column. But it has to see 2 columns. what to do now?

Responsive Pop up Window for Wordpress website

It's hard to fit nicely a large table with lots of info (eg price table, size chart etc) on a product web page. But eBay has it figured out. Anyone knows how they do this responsive pop up ?
eBay size chart:
On a laptop, it opens as a popup window. It's smaller than the layer below. To return to the product page, there's the classic x button in the upper right corner.
On mobile, it appears to be a regular page, but without the usual header or menu. Just a "Back" button at the top of the page and a table with the size info.
My question: I'm looking for a way to achieve this nice responsive (pop-up turns into a regular page on mobile) effect for my Wordpress website.
For the responsive pop-up view, you should try WP Post Popup WordPress plugin.
Maybe you get what you want in mobile view.

UberMenu options screen doesn't work at menu setup

I just purchased and installed UberMenu plugin version v3.2.1.1, followed the setup exactly the way they described, and I'm able to see the Ubermenu instance in my front page, as it should be.
However, I can't access the customization area of the menu, and therefore I can't tweak it my own way.
When I go to Appearance -> Menus and click on the Uber button on any menu item, all I get is an empty options popup, just like the image below. None of the tabs present any content, it's just like the plugin scripts weren't being loaded.
However I see that blue popup in the lower right end of the screen saying it was being loaded correctly, and it's gone properly when it ends the job.
What can I do to enable/load correctly the configuration options for this plugin?
Thanks!
There are generally 2 possibilities that can make this happen:
A PHP error occurs (for example, a memory limit exception), preventing the page from loading the content critical to the menu item settings panel. You can check if that's the case by viewing your Menus Panel page source and seeing if you have a closing HTML tag.
or
The theme alters the admin menu structure via a custom Walker, resulting in the plugin not being able to find the appropriate data within the admin menu items to generate the settings panel. This is not very common, but can happen with themes that offer their own custom menu item settings within the Appearance > Menus Panel, as they alter the standard item markup to suit their needs.
If you need assistance, just Submit a Support Ticket over at sevenspark.com and we'll help you get it sorted out :)
Have a great weekend!

Trying to find a good plugin or a way to add counter//share buttons to posts(in search or category page or homepage)

I am trying to find a good (wp)plugin or a code to add social share/counter buttons under my posts.
I've tried many of them so far none of them had fb,twitter,google+,linkedin which worked properly.
The closes i had was a plugin that have everything aligned correctly, have all the buttons. but when you click on FB(which is the main one IMO) the window that opens being cut and you cant enter the share details.
I am trying to do something like: http://www.mindtickle.com/blog/
Have you tried AddThis service? I'm using that for my blog and I have no complaints.
It is very flexible since you can customize which buttons to show.
It also comes with analytics, so you can analyze visitor interactions, their shares,...

Resources