Questions tagged [responsive]
The responsive tag has no usage guidance.
275
questions
0
votes
0
answers
15
views
Wordpress site is not loading properly ( showing a min-page)
I hope you are doing well,
yesterday I was adding new products, deleting some of the categories, and uploading photos, and then I checked my changes but suddenly the website was not loading properly ...
0
votes
1
answer
24
views
mobile menu is not showing
I run a website using WordPress. The hello elementor theme was utilised. My header desktop view header menu is displaying appropriately, which is my concern.but the hamburger menu in mobile view does ...
0
votes
1
answer
13
views
Control the srcset, image size for get_the_post_thumbnail
I have the standard image sizes for thumbnails. I want to download 'medium' for mobile screens and 'large' for others. No matter what, the srcset settings download the 724px wide, large size to mobile ...
- 23
0
votes
1
answer
165
views
Responsive rules with block themes and theme.json
I’m learning about block themes for the first time and I’m not clear on how responsive layouts are achieved.
For example, let’s say I want a paragraph to use red font when screen width is less than or ...
- 157
1
vote
1
answer
74
views
wp_get_attachment_image with custom size not rendering possible 2x srcset image
I'm noticing a difference (bug?) in how WP is rendering srcset images now.
If I register my image sizes with
add_image_size('single_featured_image', 1280, 9999, false);
add_image_size('...
- 91
1
vote
1
answer
29
views
The sidebar in wp-admin dashboard disappears when viewed on mobile screens in WordPress
I have created a user role called "Customers" through the "Ultimate Member" plugin which has access to only the "Pages", and "Profile" sections in the wp-admin ...
0
votes
0
answers
51
views
Customize when the mobile menu triggers in WP 6.2.1
I am trying to customize when the default WordPress mobile menu triggers. It appears right now that the responsive menu kicks in at min-width: 600px. I would like it to trigger at 800px.
I was hoping ...
- 513
0
votes
0
answers
173
views
Generate / attach Image srcsets from ACF Image Field
I currently have an ACF save post action that takes an image and assigns it to be the featured image. One problem I am having is displaying the srcsets.
<img
src="<?php echo esc_url( $...
- 11
1
vote
1
answer
157
views
medium_large image size not displaying properly on the frontend?
I have added a code snippet to utilize the "medium_large" thumbnail size. This works fine on the back end and I can select this image size in all image blocks. It also seems to output the ...
- 11
0
votes
1
answer
379
views
Remove one srcset entry from wp_get_attachment_image
I'm using the following code to create a fullscreen background slideshow using the Swiper JS library:
<?php
function background_slideshow() {
$args = array(
'post_type' => '...
- 1,806
1
vote
1
answer
1k
views
How do I work with responsive images in Wordpress? (img srcset/sizes)
I'm trying to make a Wordpress theme and I'm very confused about how I should use responsive images. Here's how I'm currently displaying each thumbnail in my post list:
<? the_post_thumbnail() ?>...
- 141
0
votes
0
answers
40
views
What is the best way to incorporate responsive dropdown navigation menu into custom theme?
I am very new to developing and just started with building a custom theme. I already registered a menu using the wp functions (register_nav_menus etc.) and am now trying to get my sub-menu to work.
...
2
votes
0
answers
58
views
Correct way to make a custom block theme responsive
I am trying to make a custom responsive theme using the new Block / FSE approach however I dont think the method Im using is correct.
This is the current design:
This is the view in block editor:
In ...
- 121
0
votes
0
answers
235
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 ...
- 1
0
votes
0
answers
48
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 ...
1
vote
2
answers
496
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 ...
- 53
0
votes
1
answer
164
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 ...
- 63
1
vote
0
answers
101
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 ...
- 11
0
votes
1
answer
18
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 ...
- 11
0
votes
0
answers
32
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 ...
- 101
1
vote
0
answers
68
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 ...
1
vote
0
answers
25
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 ...
- 127
0
votes
1
answer
284
views
Where are the src and srcset sizes coming from?
I want to find out where the src and srcset sizes are coming from.
0
votes
2
answers
220
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 ...
- 983
1
vote
1
answer
320
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 ...
- 13
0
votes
1
answer
37
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 ...
- 63
0
votes
0
answers
200
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 ...
- 1
1
vote
0
answers
83
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 ...
- 11
0
votes
0
answers
128
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 ...
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'...
- 157
0
votes
0
answers
109
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 ...
- 61
0
votes
1
answer
281
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 ...
- 1
0
votes
0
answers
276
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" ...
- 103
0
votes
1
answer
284
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 ...
- 382
0
votes
1
answer
269
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
0
answers
31
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 ...
- 11
0
votes
1
answer
470
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 ...
- 203
0
votes
0
answers
1k
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
1
answer
417
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 ...
- 372
0
votes
0
answers
660
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 ...
- 1
0
votes
0
answers
170
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
1
answer
573
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 ...
- 23
-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 ...
- 189
0
votes
1
answer
36
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
0
answers
103
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 ...
- 51
1
vote
1
answer
30
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 ...
- 584
0
votes
0
answers
26
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 ...
- 107
0
votes
1
answer
387
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 ...
- 293
0
votes
0
answers
214
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 ...
- 1
0
votes
0
answers
93
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 ...
