They achieve this by using CSS Media Queries . Here are the specific ones controlling the gallery width. @media(max-width: 720px){ .gallery-item{ max-width: 50%; } } @media(max-width: 480px){ .gallery-item{ max-width: 100%; } } Add those into your style.css and see if they work.
You can enqueue your own stylesheet by adding this to your child theme’s functions.php file: function wpa_custom_css(){ wp_enqueue_style( ‘wpa_custom’, get_stylesheet_directory_uri() . ‘/responsive.css’ ); } add_action( ‘wp_enqueue_scripts’, ‘wpa_custom_css’, 999 ); This will load the file responsive.css located in your child theme directory. The priority is set very low (999) so it is more likely to appear … Read more
The simplest way to go about this is to use “the loop” to also output your columns. So each post is in a column of its own, and they simply stack up on each other. Then when you reach bootstraps smaller break points the posts on the right will move directly under the post on … Read more
Seems there are a few elements missing First is the quotes in is_tax(country), should be is_tax(‘country’) Second you are missing closing and opening PHP tags When working with action that require html output you can do it in a few ways. For now we will stick with the method you wanted to use. The final … Read more
Ok, let’s clarify the concept. You don’t want download the content for mobile device, and you want to rely on screen resolution. You know that php (wordpress) run on server, screen resolution is a completely client-side matter. So the flow will be: user send a request to your site your site page load on client … Read more
Your code actually works for me and it is changing the theme according to the current width. But I think you should need some tweaking something like below: For your JavaScript: var $ = jQuery; $(document).ready(function() { var windowWidth = $(window).width(); var windowHeight = $(window).height(); $.ajax( { type: “POST”, url: “http://example.com/wp-admin/admin-ajax.php”, // Must use absolute … Read more
WordPress has a function called wp_is_mobile. It does very simple User Agent checking, which isn’t very reliable. There are a lot of user agents out there and they can easily be falsified. There is no guarantee that a browser representing itself as some user agent actually is that user agent. You can do more complicated … Read more
wp_is_mobile() does not really solve your problem completely. To be honest here, there is no logic in WordPress to achieve what you want First of all, wp_is_mobile() only checks for mobile devices. Tablets are excluded from this Window sizes are determined on browser side, not server side, so there are no way for php to … Read more
The only directory a theme or a plugin should write to is the uploads directory. That is the only directory with guaranteed write access (besides the server’s temporary directory). Anything else is wrong and might not work. There is no practical difference between both, except one: the upload directory may be on another (sub) domain … Read more
add_image_size does change the actual size of the image file. What I hava tried: function odevice_image_sizes() { add_image_size( ‘iphone-size’, 300, 100, true );//OF course the dimensions are not correct… add_image_size( ‘tablet-size’, 600, 300, true ); } function show_odevice_at_img_select($sizes) { $sizes[‘iphone-size’] = __( ‘Image size for iphone’ ); $sizes[‘tablet-size’] = __( ‘image size for tablet’ ); … Read more