You can remove all the CSS code under the Media Queries section of any child theme built on Genesis. This code is generally located at the end of the style.css file. However, WordPress also includes responsiveness built in so its not really possible to totally remove everything unless you go to a lot of trouble. … Read more
This is a hack and a half, but it does achieve the desired effect. What this code does is add inline css to the header in admin pages, over 780px width the admin bar is hidden, under that and its shown. So you in effect hide it on desktop and show it on mobile. Add … Read more
The CSS Add the following code to your CSS file. That will make the images scalable according to screen size. Obviously change the class tag if you want to set up just for a specific image class img{ max-width: 100%; } img{ -ms-interpolation-mode: bicubic; } Then you need to run a filter to stop wordpress … Read more
Install plugin: https://wordpress.org/plugins/force-regenerate-thumbnails/ and regenerate all thumbnails. Or steps: Create new dimension for images: add_image_size (‘thumb-cropped’, 227, 133, true); // Set necessary sizes (true = cropped) Get images with the sizes in you function. get_the_post_thumbnail($post->ID); fix to: get_the_post_thumbnail($post->ID, ‘thumb-cropped’); Install plugin: https://wordpress.org/plugins/force-regenerate-thumbnails/ Inter in admin area and regenerate all thumbnails The end. Use all new … Read more
Try the code below. <div class=”container-fluid gray-section”> <div class=”container”> <div class=”row”> <?php $projects = get_posts(array(‘post_type’=>’project’,’posts_per_page’=>5, ‘order’=>’ASC’)); if ($projects) { ?> <ul class=”list-unstyled”> <?php $i = 0; ?> <?php foreach ($projects as $post) { setup_postdata( $post ) ?> <?php if($i % 3 == 1) { ?> <li class=”col-md-4 col-sm-6 col-xs-12 col-xxs-12 text-center “> <?php } else … Read more
i’m using wp-list-table without the (php) class but html only and wanna share my research. There is some stuff to watch if you need a responsive table when building a wp-list-table yourself: add class column-primary to header th and body td. If this class is missing the table gets messy in mobile view add button … Read more
You can easily do this using HTML and CSS. You can write 2 blocks of div for the same image and toogle display:none; properties in CSS using media queries as shown below. Note: I have remove the “a href” tag for mobile. <!–HTML Start –> <div class=”image-grid desktop”> <a href=”#”><img src=”#” /></a> <div> <!–For Mobile … Read more
I don’t know how do cache handle this. But You can use different image as per screen size in anywhere you would, like below: Assume you have 3 different screen sizes – Tablet, Wide Screen Mobile, Small Screen Mobile So, just add a background image to your desire location (i.e feature image) for all the … Read more
Got it working by removing the <a href> from the image. This is the proper way of doing a responsive image with a link: <a href=”https://wordpress.stackexchange.com/questions/212844/<?php the_permalink(); ?>”> <picture> <source srcset=”https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/<?php echo get_template_directory_uri(); ?>/img/noimg-499px” media=”(max-width: 599px)”> <source srcset=”https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/<?php echo get_template_directory_uri(); ?>/img/noimg-120×90.jpg” media=”(max-width: 767px)”> <source srcset=”https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/<?php echo get_template_directory_uri(); ?>/img/noimg-220×116.jpg”> <!– fallback –> <img srcset=”https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/<?php echo get_template_directory_uri(); … Read more
This isn’t really a WordPress question…but instead of re-inventing the wheel take a look at this. I use it in any of my sites where I need to detect mobile device, and it works great. I see on their page they even mention there are WP plugins that use this code.