Questions tagged [responsive]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
20
votes
2answers
27k views

Proper usage of wp_is_mobile()?

I have developed responsive theme and I want to submit it the wordpress.org. Before submitting it I want to use wp_is_mobile() in my theme, but according to Function Reference/wp is mobile it is a ...
0
votes
1answer
18 views

making wordpress gallery responsive

I'm using a 4 column native wordpress gallery on my homepage: https://www.peace-ed-campaign.org/ (see just below the slider). When viewed on mobile, the 4 columns/images remain side-by-side and shrink ...
0
votes
0answers
214 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 ...
-1
votes
0answers
17 views

Font-family CSS dose not work for mobiles

I use Zillah theme free version for my WordPress website. I use 'georgia, palatino, serif' as font-family CSS for my articles. But the font-family CSS are only working for Laptops and i phones. Not ...
0
votes
0answers
26 views

srcset shows original image url only

My website's post thumbnails shows urls as original url only, as shown in the next example: <img width="450" height="450" src="https://example.com/wp-content/uploads/2020/...
0
votes
0answers
12 views

bootstrap carousel in wordpress home page showing small images and not responsive

I am trying to make a carousel on a home page, but images doesn't fit to 100% of the page width, and it doesn't get responsive: <div id="mainCarousel" class="carousel slide" ...
2
votes
1answer
804 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 ...
0
votes
1answer
31 views

How to stop Wordpress from completely overriding my <img> tags in my templates?

I'm busy with a Wordpress theme and in some templates I use images (like home.php). I do the calculations for the srcset and sizes for every template/image individually and store the urls and values ...
0
votes
0answers
18 views

Image displays only when height is set to length

I have a 2 column layout one column is in text & some images second is an image. In mobile view, they stack on each other but the image appears only when the height of (.column__two { width: 100%; ...
0
votes
1answer
709 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
24 views

Disabling Wp_is_mobile from backend?

I'm using a wordpress theme that makes use of wp_is_mobile function, but reacts badly on many occasion, as it's being called in many files, I was wondering if you are aware of a wordpress plugin that ...
0
votes
0answers
12 views

I want to add “View Desktop Version” for mobile visitors for my wordpress site

I am trying to add a Desktop view button only for mobile visitors. if I can remove the responsive viewport meta there is a way to do that but I could not make it work. anybody can help me how can I do ...
0
votes
1answer
27 views

Responsive loop with 3 columns inside row then 2 columns

I created a loop in my archive page displaying the posts in 3 columns (33% width) inside a row with 100% width. Each column is a post. What I would like to achieve is to make the loop more flexible ...
0
votes
0answers
15 views

What is the best way to make a simple android app based on a wordpress powered site

What do you think it is the most reliable approach to make a simple Android app feed with wordpress content. It shoul be best to use a Webview to show entire responsive version or may be it is better ...
0
votes
0answers
35 views

Wordpress Responsive Image ( srcset ) not work properly

I have a very strange problem There are images with the correct size on the host and image sizes are properly recorded in WordPress But I get the following html code output <img width="300" ...
0
votes
1answer
18 views

Disable Responsive Image Sizes crop

I think my question might similar to others.Here is my problem, I want to remove generating wordpress responsive images because I have done image responsive solution with my way. So, I don't wanna ...
10
votes
4answers
12k views

make Wordpress image captions responsive

This webpage contains images inserted by Wordpress. The code used to insert the first image is: [caption id="attachment_887" align="alignnone" width="604"] <a href="http://steven.doig.com.au/...
2
votes
1answer
1k 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('...
0
votes
0answers
22 views

Shortcode function not showing up on mobile browser

I recently received an email from Google Search Console saying that I have new Mobile Usability issues on my site. I have a shortcode on a page that allows users to sign in and fill in a form and ...
0
votes
1answer
1k 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
45 views

Mobile menu displays submenus on top of parent. Need it to display right below on an own line

I really need some assistance. Been sitting with this for hours now. Mobile mode, need the children to show up on their own line below their parent. Right now it looks as on desktop (which works ...
0
votes
1answer
35 views

Modify YouTube Embed Code to fit theme

I'm using a custom bootstrap template and other users will be embedding youtube videos, which I want to be responsive to fit the theme. What can I do to make the normal YouTube embed code, something ...
1
vote
1answer
460 views

Backstretch.js and thumbnail sizes to reduce loading time

I am using backstretch.js to set a featured image as a full size background image (as per this tutorial). I would like to combine this approach with different thumbnail sizes in order to reduce ...
0
votes
0answers
6 views

My mobile responsive mode looks compressed

In wordpress customize my mobile responsive looks all compressed The thing is it looks fine when I check it on an Iphone but it looks compressed on an android.
0
votes
0answers
37 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
25 views

Control responsive image size in WooCommerce

My WooCommerce thumbnail has been set to 400px width. However 400px width thumbnails are loaded only in laptops having 720p display. In laptops with 1080p screens, the thumbnail loads at 768p and ...
0
votes
1answer
467 views

Trouble with responsivitizing my twentythirteen header

I'm using the twentythirteen theme and trying to get the header to adapt to screen resolution. I've uploaded several image files with the required resolutions, and changed my custom-header.php source ...
0
votes
0answers
37 views

Dropdown menu - parent & child

I would like to edit this code which shows all the menu items without making a distinction between parent and child. function krid_responsive_menu() { $location = 'primary'; $menu_id = ""; $...
-1
votes
1answer
303 views

Elementor Pro and Astra have different breakpoints - how to salvage?

So I read all this hype about Astra being the best theme for Elementor for non-theme-developers. I am not a theme developer. TBH, I don't use WP as my preferred platform, but obviously if client ...
0
votes
0answers
106 views

Events Manager Event Search Form is not mobile-responsive

I embedded the events manager search form with a shortcode on my wordpress site front page. However, it does not show fully when I checked on my mobile. How can I make the search form more ...
0
votes
1answer
19 views

How to make in wordpress a gallery with 3 colums to 1 on mobile devices responsive?

After taking a lot of time researching websites I ask for help in this forum. Im looking to have a gallery on the website like this: decañamo.site When the webpage is open it goes from the 3 ...
1
vote
0answers
38 views

Multiple amp-image overlays. How to properly do this in wordpress?

Summary Goal I want to: Add multiple overlays to an image, on a page, created with gutenberg, rendered as amp-img on the frontend. I want this kind of end result, but added through gutenberg. When ...
0
votes
1answer
1k views

How to Make Wordpress Default gallery responsive on mobile?

I have read about the subject in many blogs and forums but I have not achieved anything. What I would like to do on my page is the following: decalaveras.com On this page, when accessed from mobile,...
1
vote
1answer
20 views

Why does my caroussel gallery do this in responsive? [CSS] [closed]

I do have a photo Gallery on my site, on laptop it works perfectly, but on mobile view, the pictures 1st display well, and after a scroll, becomes very big & blur. you can see on : [hidden ...
0
votes
0answers
22 views

How do I make my products on the homepage responsive?

I am working in twenty seventeen theme. I have added products on the homepage using woocommerce's Products by category block. I first set the number of products per row to 4 products it is displayed ...
0
votes
1answer
109 views

Wordpress 5: including larger thumbnail image sizes in srcset than I have set

I have set image sizes in my functions.php, such as add_image_size( 'article-lede', 500, 600 ); It shows up in Regenerate Thumbnails, and I regenerated them. So I upload an image to the media ...
0
votes
0answers
70 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
12 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
21 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
22 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
17 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
1answer
182 views

New Styles Not Rendering On Mobile Phone and Tablet

I've come across a rather interesting problem and I'm completely baffled. I've never encountered this before in the past. My Goal To make a form on my website mobile responsive Problem Absolutely ...
0
votes
0answers
31 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 ...
1
vote
1answer
28 views

Mobile issue – website isn't properly detecting screen size [closed]

my question concerns this website (currently on my staging server): https://sunstonebookkeeping.markhannondesign.com The theme is a child theme of a parent theme I created with Underscores and ...
0
votes
0answers
41 views

How can use wp_get_attachment_image_srcset for WebP?

I want to serve both JPG and WebP versions of the images.
1
vote
1answer
636 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 ...
1
vote
1answer
268 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
1answer
2k views

Change theme based on window size

I want to send a browser info (window width) to the server via AJAX. The server doesn't need to respond with any data, however, only change the theme based on that window width. This is my attempt: ...
1
vote
0answers
44 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 ...
0
votes
2answers
190 views

My website is not responsive on mobile devices

I'm building a Wordpress website at http://xscoder.com/wp-demo/test/ I am not able to make it responsive, although all CSS and JS scripts are successfully loaded, as you may see in the Inspector. I ...

1
2 3 4 5 6