It turns out Minileven (the mobile theme that comes bundled with Jetpack) uses the main theme’s default post_thumbnail_size, which is set using set_post_thumbnail_size. Adding this line to my main theme’s functions.php inside a function called through the after_theme_setup action helped solve the problem: set_post_thumbnail_size( 600, 400, true );
If it’s hitting your server the DNS in cloudflare is doing it’s job. It sounds like you’re using cPanel. I suspect you just need to set up the subdomain in cPanel to point to the same directory as the main site (likely public_html).
change theme when on mobile and also on Ipad portrait view
This is code from the codex which enables your child inheritance. add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ ); function theme_enqueue_styles() { wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ ); wp_enqueue_style( ‘child-style’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘parent-style’) ); } https://codex.wordpress.org/Child_Themes
You can make it responsive by use of Bootstrap framework or by applying media queries into your CSS files.
The GPS position is saved on two post meta fields: geo_latitude and geo_longitude. You can use these meta values to draw the posts as markers on a Google Maps. For example, using Google Maps API, you could have a template like this: <h1>Posts on map</h1> <div id=”map” style=”height: 400px;”></div> <script> // init map with the … Read more
Add audio post from smartphone
The best approach would be as toscho said in the comments – to write your own script an make it mobile friendly from the start. But if you want a quick, temporary solution you could do something like this: <div id=”maincontainerWrapper” style=”overflow: auto;”> <div id=”maincontainer” style=”position: relative;”> … </div> </div> then your calculator app will … Read more
Different Home page for Mobile without changing URL
I guess that you can set the class for the paragraph and set it’s display to none only on mobile view. Such as, @media screen and (max-width:479px){ .nameofclasswhichtheparagraphhas {display:none;} } And add a button below it but set it’s display to none for Laptop users. Such as, @media screen and (max-width:768px){ .theclassofthebuton {display:none;} } and … Read more