2022 Developer Survey is open! Take survey.

Questions tagged [responsive]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
-2 votes
0 answers
12 views

My site looks bad on mobile [closed]

while my website looks as I expected on the computer, large photos are cut off on mobile and this makes the site look bad. Is there a way to change this or make the mobile view the same as the desktop ...
user avatar
0 votes
0 answers
26 views

About Custom Email Template Design Responsive

I created a custom email function using wp_mail() function. I did everything which is required for mail template. This function is working well. But I need it to be responsive. I found that I can use ...
user avatar
  • 1
0 votes
0 answers
36 views

Why does Wordpress list all image sizes in srcset even if they're larger?

For example we have the following sizes: thumbnail (400), medium (768), large (1200). If we use the_post_thumbnail('medium'), Wordpress generates the following image tag: <img width="768" ...
user avatar
  • 101
0 votes
0 answers
17 views

My theme header is stuck on a low resolution image?

My responsive header is stuck on the medium-large srcset regardless of width UNLESS I'm in DevTools. I have disabled all CDN's and image resizing, but now this seems to be browser behavior i cannot ...
user avatar
0 votes
2 answers
41 views

is there a way to preload specific images for desktop users only? (excluding mobile users)

My website has a few .PNG images animated at the very start of my Contact page. Those images are a bit heavy (because they have transparent background), so the animation starts with some of them ...
user avatar
  • 33
0 votes
1 answer
55 views

Change Header Image on Blog Post for Mobile View

I need to use a different header image for a specific blog post. https://staging3.ryanlawn.com/blog/ryan-lawn-tree-named-to-the-great-game-of-business-2021-all-star-team/ I have tried different CSS ...
user avatar
  • 63
0 votes
0 answers
27 views

Mobile Menu Button Doesn't Appear As Expected On Mobile Devices

I have a menu toggle button for my mobile design (inherited from the Storefront theme), that works fine when I decrease the width of my PC browser window to no more than the max-width of the media ...
user avatar
  • 1
0 votes
0 answers
45 views

Responsive header image

I am new here. I have been looking into solving a problem I have been having for a while. I have setup my header image to be different for mobile and desktop. So far so good. However for screens with ...
user avatar
0 votes
1 answer
15 views

What's are some best practices for responsive images (e.g. for section headers)?

Silly me is letting a client upload their own header images. I'm checking if they've uploaded something, and if found I add it as a background image with an inline style in the template. But, how do I ...
user avatar
0 votes
0 answers
19 views

Need to make sidebar responsive only when screen width is greater than 1024px

I'm new to WordPress and I want to make my sidebar responsive when the screen width is greater than 1024px. currently, the sidebar becomes responsive when the screen width is greater than 768px. The ...
user avatar
1 vote
0 answers
20 views

How to create 'Local' filters for WordPress srcset sizes in template parts?

I've read a bunch of tutorials on how to create filters for srcsets and srcset sizes, but they all appear to be applied globally, with a fixed width or set of widths for sizes. The trouble is, I pull ...
user avatar
1 vote
0 answers
23 views

Display posts from a different website on Genesis Responsive Slider

In the homepage of this website, I have the widget "Genesis - Responsive Slider". From the "Genesis - Responsive Slider" Settings, one can see that it is picking up the posts from ...
user avatar
0 votes
1 answer
60 views

Where are the src and srcset sizes coming from?

I want to find out where the src and srcset sizes are coming from.
user avatar
0 votes
2 answers
74 views

Trying to load a responsive CSS media query using Custom Taxonmy

@media (max-width: 768px) { .page-id-9334 .site-content { display: flex; flex-direction: column-reverse; } } I am trying to load this CSS into Custom Taxonomy Pages... My original ...
user avatar
  • 985
1 vote
1 answer
195 views

How to make wordpress theme iframe responsive

I am currently developing a theme and in my theme youtube video embeds and other video embeds are not really responsive. I found so many posts how to make iframe responsive with plugins. But i need to ...
user avatar
  • 13
0 votes
1 answer
30 views

Configure WordPress to Use Responsive Image Rendering

We have a website that has custom built page templates. Each page template is fully responsive for mobile view. We ran our site through Google's PageSpeed Insights tool. The biggest problem we see is ...
user avatar
  • 63
0 votes
0 answers
75 views

Cannot collapse a responsive menu in Wordpress

I am new to website development so I am testing with some responsive menu to see how it works in Wordpress. I have selected this menu and it works perfectly in the demo. Yet, when I apply the code to ...
user avatar
1 vote
0 answers
32 views

Add clickable arrows to parent menu items with children elements e.g. with <em>

I am currently working on a website with a custom theme where the following behaviour should be possible for the mobile version: The navigation can be opened via a hamburger button. Then all parent ...
user avatar
  • 11
0 votes
0 answers
98 views

tinymce and responsive line-breaks (short words after a period)

With the advent of many different screensizes, manual line ending (not sentence-endings) has become a bit of a guessing/repetitive task. I want to avoid having the first short word of a new sentence ...
user avatar
0 votes
0 answers
21 views

Place large image into a post to go full width of its container [duplicate]

I'd like to insert a huge infographics image into a post. The problem I'm facing with is that WordPress provides smaller versions of the image even though I choose "large" thus the image won'...
user avatar
  • 149
0 votes
0 answers
45 views

responsive not working

I have responsive.css file, but the site is not responsive. I use bootstrap3 although I use the meta tag when I minimize the browser to the size of tablet or mobile, responsive not working even the ...
user avatar
  • 61
0 votes
1 answer
164 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 ...
user avatar
  • 1
0 votes
0 answers
219 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" ...
user avatar
  • 103
0 votes
1 answer
148 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 ...
user avatar
0 votes
1 answer
106 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 ...
user avatar
0 votes
0 answers
22 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 ...
user avatar
0 votes
1 answer
299 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 ...
user avatar
0 votes
0 answers
623 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" ...
user avatar
0 votes
1 answer
199 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 ...
user avatar
  • 362
0 votes
0 answers
405 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 ...
user avatar
0 votes
0 answers
113 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 ...
user avatar
0 votes
1 answer
349 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 ...
user avatar
  • 3
-1 votes
1 answer
1k 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 ...
user avatar
  • 191
0 votes
1 answer
27 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 ...
user avatar
1 vote
0 answers
66 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 ...
user avatar
1 vote
1 answer
24 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 ...
user avatar
  • 534
0 votes
0 answers
24 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 ...
user avatar
0 votes
1 answer
274 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 ...
user avatar
  • 293
0 votes
0 answers
161 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 ...
user avatar
  • 1
0 votes
0 answers
27 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 ...
user avatar
0 votes
1 answer
88 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 ...
user avatar
0 votes
1 answer
2k 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 ...
user avatar
  • 169
1 vote
1 answer
80 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 ...
user avatar
  • 13
1 vote
1 answer
680 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 ...
user avatar
  • 11
1 vote
0 answers
126 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 ...
user avatar
0 votes
2 answers
598 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 ...
user avatar
  • 113
5 votes
2 answers
4k views

Wordpress Gutenberg Embed Blocks Are Not Responsive

I'm building a custom theme for a client's website and want to allow them to use embedded content in their posts (Youtube videos, Facebook posts, Twitter feeds, etc.) Typically, I've taken to severely ...
user avatar
1 vote
1 answer
262 views

Responsive 2 column staggered layout client expectations vs reality problem

In a bit of an urgent bummer at the problem, we developed and delivered a Wordpress site with blog post layouts that are split in 2 columns via Gutenberg built in columns, on desktop, the site appears ...
user avatar
0 votes
0 answers
22 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 ...
user avatar
0 votes
1 answer
260 views

Menu toggle bar works only on some pages in WordPress

I'm using a custom WordPress theme extended from Twenty Sixteen for this website. It is using Bootstrap (I had to migrate a static Bootstrap website to WordPress). If you open the website on mobile, ...
user avatar

1
2 3 4 5 6