Questions tagged [responsive]

The tag has no usage guidance.

72 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
5
votes
1answer
149 views

Pb with responsive image sizes in WP 4.4

I don't understand how to customize responsive sizes images in WP 4.4.1. The only available hooks that I see are wp_calculate_image_srcset and wp_calculate_image_sizes, and neither has the named ...
2
votes
1answer
681 views

Generating Responsive Background Image Sizes in PHP

Im trying to generate responsive background images for my page header, using a modified version of this gist, but I cant get it to work correctly, and Im not sure if the issue is with ...
2
votes
1answer
77 views

Responsive Images Resizing Images

WordPress's automatic responsive image code is setting the size of certain images larger than it should be. Here is an example: On this page: http://healthyhints.wpengine.com/hot-yoga-benefits/, the ...
1
vote
1answer
93 views

Fallback for missing srcset images

I'm trying to optimize responsive images on our site. We use WordPress. Not all image thumbnails are generated because of aspect ratio needs to be proportion to the original image. Some of our images ...
1
vote
0answers
28 views

max_srcset_image_width doesn't work as intended

I register a new image size in my theme, i.e: add_image_size('home-slide', 1500, 756, true); and I set the maximum size for the srscet attribute of responsive images to 1024: function ...
1
vote
1answer
676 views

wordpress responsive image srcset not working

I'm trying use wordpress core responsive image feature but it's not adding srcset to image. Here is th my codes I have a div w=370px h=280px now I added image sizes if(function_exists('...
1
vote
1answer
49 views

Best practice for query_posts in responsive design?

I'm working on a responsive design desktop/mobile but I have a doubt regarding PHP calls, as the hosting provider didn't like high cpu usage. In the loop query I have something like this: <?php ...
1
vote
0answers
26 views

Translate a word in a responsive menu

The responsive menu of my web has a word in english: "back" and I have to translate it in Spanish: "atrás". Well, I'm not able to find the word to translate. It's not included in the pot file (...
1
vote
1answer
390 views

Twenty fifteen theme - change responsive menu condition

So I want to move sidebar to the top of the page and hide it behind hamburger menu. Just to make it exactly like when the screen is smaller (tablet, smartphone), despite resolution. So I thought ...
1
vote
1answer
42 views

adaptive featured images wordpress 4.4 grid

I have added three new featured image sizes to my functions.php; add_image_size( 'feature-large', 768, 9999 ); add_image_size( 'feature-medium', 500, 9999 ); add_image_size( 'feature-small', 480, ...
1
vote
1answer
92 views

Display Authors in a grid loop

I currently have the following php code which gives me a list of all the current WordPress authors, including their name and avatar. <?php printf('<h1>%s</h1>', the_title()); ...
1
vote
0answers
765 views

Modify 'Sizes' Attribute for Images with Specific Class

I'm ultimately trying to add useful responsive image srcset & sizes attributes to images added in a standard Text Widget. I've found this filter which does allow images to get the default WP ...
1
vote
0answers
160 views

Responsive Images - crop don't seem to work

most likely I didn't got the idea of responsive images right know, so please consider pointing out misunderstandings in that concept. What I want to have: I have a page where I query for custom ...
1
vote
1answer
28 views

Old Site displays on Mobile View, not New Site

I just relaunched a website from HTML to a responsive Wordpress site & theme. It's great on desktop, but folks who have visited via mobile before the relaunch are still seeing the old site. ** ...
1
vote
0answers
66 views

Responsive menu gone on wordpress Responsive theme

The responsive menu on my website is gone (homepage only). I am not sure what caused that and don't know how to fix it. Can you please help? I will really appreciate it. The website is http://www....
1
vote
0answers
62 views

wp_editor responsive?

I am calling <?php wp_editor( '' , 'movie_description-'.$num, array('textarea_name' => 'url[]', 'raw' => true ));?> but I want it to be responsive so that it doesn't overflow outside of ...
1
vote
0answers
293 views

Implementing the twentythirteen responsive menu in twentytwelve

I've made plenty of 2012 child-themes in the past as the theme really suits my overall needs, but having it be responsive never was that important. Now however I'm creating a site that really needs a ...
1
vote
0answers
161 views

Elements floating on top of each other when Resizing or checking site on mobile. Twenty Twelve

I'm using WP Twenty Twelve theme for my blog: Glory and Honor and have followed the Replace #site-title with resizable image in Twenty Twelve Post to fix my logo not displaying when visiting via my ...
1
vote
1answer
518 views

Using SRCSET with Images and Featured Images

I have been trying to get SRCSET to load in images for different device sizes. My understanding is that when the device width or window width changes, that SRCSET will ONLY load the URL of the ...
0
votes
0answers
13 views

Twenty seventeen header is not responsive

Hello the header of my Twenty Seventeen website is not responsive: when I open the site on my mobile phone (vertical view) the image is cropped. When in horizontal view everything is ok. All other ...
0
votes
0answers
9 views

Srcset doesnt show at all in my wordpress images

I have added 10 image sizes: add_image_size( '1920', 1920, 384, false ); add_image_size( '1600', 1600, 320, false ); add_image_size( '1536', 1536, 307, false ); add_image_size( '1440', 1440, 288, ...
0
votes
0answers
20 views

How to center entire columns on a page, and have it stay responsive?

Page in question: https://princetonfireandsafety.com/contact-info/ I just want the two columns to be centered in the page (but the text left-aligned still). I would prefer to use the columns block ...
0
votes
0answers
14 views

Mobile responsible woocommerce product page

Dear Stackexchange community, I'm currently working on a Woocommerce / Wordpress project and there's something I can't figure out how to do. I couldn't much info online about my issue: When looking ...
0
votes
1answer
12 views

Disable rendering of objects on mobile/above certain screen resolution

I have two sliders (Revolution Slider on WordPress), one for desktop and one for mobile. The desktop slider is currently set to disable completely on browsers below 1199px. This is a Revolution Slider ...
0
votes
0answers
26 views

Add file extension to function wp_get_attachment_image_srcset()

The function wp_get_attachment_image_srcset() delivers the srcset information of an image. Is it possible to write a seperat function to add an additional extension (.webp)? Output of the function ...
0
votes
0answers
28 views

How can use wp_get_attachment_image_srcset for WebP?

I want to serve both JPG and WebP versions of the images.
0
votes
0answers
23 views

How Get rid of srcset on a image size and force the size on all screen?

I recently figured out a huge problem for images on my site. I recently disabled all the WordPress image sizes (thumbnail, large, medium-large) except for the medium size. Now I only have medium and ...
0
votes
0answers
10 views

WooCommerce sorting-order in responsive layout wrong

I have a problem with my main WooCommerce-Shop page: I have 6 products in it, which should be sorted by names as follows: 1, 2, 3, 4, 5, 6 This works fine on a PC or Device with a large display width (...
0
votes
0answers
33 views

Is it possible to remove original src from wp_calculate_image_srcset() results?

Was just wondering how one could load a custom srcset stack. I know the srcset loads all registered sizes so I'm good on that side but I cannot find a way to remove the original src from there without ...
0
votes
0answers
15 views

Responsive Images - Defining

I am relatively new to working on themes with WordPress. I am wondering how I can change the responsive looker for images based on the screen size. I want to be able to change the min-size with @media ...
0
votes
0answers
23 views

Show desktop screen for tablets (using Elementor + Bootstrap + WordPress)

I am working on the website www.unityinfinity.com/ui The website shows the tablet view from 768px to 992px. I want to show the desktop view on tablets by default instead of the weird screen that is ...
0
votes
0answers
10 views

How to add responsive image support for imported posts?

The images are called using standard html with only an image class and source and all images are attached to the post. The image sizes have been generated, but I don't know how to call them. I can ...
0
votes
0answers
168 views

Multiple responsive Bootstrap carousels via shortcodes

I'm writing a shortcode to display responsive Bootstrap carousels that adjust column numbers according to browser width. It works for a single shortcode, and responsively adjusts as follows: However,...
0
votes
0answers
107 views

Wordpress Toggle Menu has stopped working

I am using the twentyfifteen theme on my wordpress site. When you access the site on mobile or resize on your browser so that the page height > width, a hamburger icon appears on the upper right. I ...
0
votes
1answer
10 views

Decide how Hero image appears on mobile

I generally can google my way to an answer but I can't for the life of me figure out what this is actually called. I apologize in advance. I have a hero image that looks great on a full-size screen. ...
0
votes
1answer
758 views

Responsive Featured Images Not Working

Perhaps I am misunderstanding (likely) but I am trying to use TwentySixteens method to try and make the images I upload through WordPress responsive. I have only barely modified the code, but no ...
0
votes
0answers
159 views

Responsive images with srcset

I know I have to use wp_get_attachment_image_srcset but I don't know how and where to put it?Any help <picture> <source media="(max-width: 659px)" srcset="inc/images/...
0
votes
1answer
33 views

How can I hide/show text only for mobile users?

I have text content on a page that leads to too much scrolling on mobile devices. I'd prefer to avoid having separate pages for mobile/desktop. Ideally, an editor would add a shortcode around certain ...
0
votes
0answers
37 views

Getting extra image links in code with wp_get_attachment_image

I am using ACF to add image fields to some posts and returning the Image ID so that I can use wp_get_attachment_image to get responsive images. I have defined 960 and 1920 as the medium and large ...
0
votes
1answer
13 views

Website Tablet Check Out Field Issue

So on my website of http://www.camerabeanbags.co.uk/checkout/ if you set the browser to 768px wide the 'phone' and 'e-mail address' fields can not be clicked in for text to me typed in. These work ...
0
votes
1answer
122 views

Responsive Images with art direction

I've been thinking about how I would use responsive images in Wordpress. My site has a fixed height, full width thumbnail at the top of each post. The built in Wordpress implementation of responsive ...
0
votes
0answers
79 views

How can I disable Jetpack plugin on mobile?

I'm using the Wordpress jetpack plugin to create a gallery on a WP site. However I want to disable it completely based on the visitors viewport, how can I achieve this?
0
votes
0answers
27 views

Show a page of non-standard-sized featured images

I've struggled with this for years. I have a category page where I want to show the post summaries in a card format using the featured image (260 x 175px). I have created a custom image size ...
0
votes
0answers
353 views

Wordpress not choosing the right image from srcset

For some reason Wordpress isn't loading the right image from the server and instead is always taking the one with 960px width, no matter if I open the page with a smartphone or the browser. This is ...
0
votes
1answer
32 views

responsive website

My website is : http://2stalbania.al/alltech/it/ and I would like to know how to make it responsive for mobile devices or tablets
0
votes
1answer
562 views

menu mobile show up even i in desktop mode in Newspaper Theme

I have WordPress website with Newspaper Theme and I have a problem with the Menu. Link: demo2.tmanow.net I have 2 problems: The menu mobile show up in left side even i in desktop mode, this not ...
0
votes
1answer
74 views

Responsive Images in Wordpress

Wordpress seems to support Responsive Images since 2015. (Article https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/ ) 1) I Created now the full responsive css for 1600 to ...
0
votes
1answer
31 views

Navigation Menu Rendering Issue on Windows 10

I have a website https://goo.gl/fk8X7z which is showing Nav. menu rendering issue on Google Chrome Version 53.0.2785.143 of Windows 10. The Store menu is totally off from it's original position which ...
0
votes
1answer
134 views

My contact form is not being responsive

The contact form on my site is not being responsive. This is what is I have tried to make it responsive. But, its not working. @media only screen and (min-width : 767px) { .wpcf7-...
0
votes
1answer
114 views

nextgen pro horizontal filmstrip moves up as browser narrows

Here's the site... I'm trying to keep the top of the images in my slideshow at the same height. But as I make my browser narrower, the images and thumbnails move higher and higher. The movement is ...