How to make the Panel // WP-Admin lighter via Mobile
How to make the Panel // WP-Admin lighter via Mobile
How to make the Panel // WP-Admin lighter via Mobile
NOTE: Please see edits below The menu is activated via media queries. Media queries for width<=643px start at line 2771, and those for 767px start at line 2748. Now, to change the breakpoint for the menu, we’ll move the mobile menu css from the 643px media query section to the 767px media query. On line … Read more
You don’t actually have a reference to Google Fonts Quicksand stylesheet on your site. I would suppose that you have Quicksand installed on your PC and as a result it can be seen but you wouldn’t have it on your mobile and so it wouldn’t display. Either add the following to your site via wp_enqueue_style: … Read more
The Jetpack plugin has its own mobile theme, which is overriding the child theme.
Although this is not really a WordPress question, but the visibility property does not actually HIDE any element. It only fades it so you can’t see it, but it still reserves space for it. You need to use the display property: .mobile-only { display:hidden; } @media (min-width:992px) { .desktop-only { display:block !important; } } @media … Read more
Not sure what type of smartphone but here is how I do it with my Iphone with the WordPress app. You can create a new post and add media to it by tapping the film strip icon and selecting the video you wish to upload. Now it will compress it and upload it to your … Read more
You could enable multisite and set up your mobile version on a subdomain. That would allow you to control both fairly easily. However it would ultimately be better to just make the original site responsive.
I am presuming you are using the Easy Fancybox plugin, or some equivalent plugin. Your problem could be solved by applying custom css after Fancybox has loaded, as suggested by the plugin author here. In essence, you can use media-queries to specify the size of the Fancybox to be different on various devices. See for … Read more
You target mobile in CSS based on the display width, like this: @media only screen and (max-width: 768px) { // Mobile-specific CSS here } And then, depending on your code or theme, something like this for the actual CSS: img { display: block; margin: 0 auto; }
If the url’s for both site is different, You can simply check if site is being viewed from mobile or not and than you can redirect to your second site if it is mobile… Here is one of code who detects whether it is mobile or not… http://detectmobilebrowsers.mobi/ You can use such code detect mobile … Read more