Skip to main content

Questions tagged [responsive]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
1 vote
0 answers
78 views

WordPress editor mobile view crashes, says: Error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node

I am using the latest version of WordPress (6.5.2) and regardless of which theme I am using or if I turn the plugins all off, whenever I try to enter the tab or mobile responsive view on the page ...
Psychedelic Wizard's user avatar
0 votes
0 answers
13 views

Not working Mobile view and Desktop view properly when we searched on website

As we were working on WordPress the problem arose when it did not accept mobile view and desktop view properly Even it was published to check whether it is working or not please tell us how to rectify....
Indian Shades's user avatar
0 votes
1 answer
34 views

How to solve WordPress accordion problem on Iphone?

I have built an accordion FAQ on my WordPress website. It works fine on Desktop, Tablet and Android but on iPhones It does not work properly. To make accordions open and close, weirdly I have to use ...
vahid hasani's user avatar
0 votes
0 answers
16 views

How to resolve status code: 410 from Pagespeed insights for the wordpress website

I activate the plugin Seraphinite Accelerator on the website “http://tangentconsulting.ca”. After the activation, I changed the URL from our-story-2 to our-story. The Our Story page was working fine ...
Nokhba Noor's user avatar
1 vote
0 answers
49 views

Responsive images, per image type?

I am new to understand responsive images. Unfortunately the resources out in the internet did not help me to fully understand the concept, so please bare with me. I would like to know hdavidow if it ...
kocjs's user avatar
  • 23
0 votes
0 answers
27 views

Woocommerce product not responsive

I am trying to improve the rersponsiveness of my woocommerce product pages for mobile devices, e.g. here: https://pvcarport24.de/pv-loesungen/solar-carport-stahl/ It seems like the class wp-embed ...
Marco Bobinger's user avatar
0 votes
1 answer
228 views

Remove srcset thumbnail attribute for products in the WooCommerce shopping cart

I have this code: add_filter('woocommerce_cart_item_thumbnail', 'doChangeCartThumbnail', 10, 3); function doChangeCartThumbnail($thumbnail, $cart_item, $cart_item_key){ $_product = ...
Nick's user avatar
  • 103
0 votes
0 answers
18 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 ...
Tony Dughem's user avatar
0 votes
1 answer
851 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 ...
WhiteBricks's user avatar
0 votes
1 answer
47 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 ...
Joe Barrett's user avatar
2 votes
1 answer
837 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 ...
learningtech's user avatar
1 vote
1 answer
235 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('...
James0r's user avatar
  • 91
1 vote
1 answer
54 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 ...
Programming Geek's user avatar
1 vote
1 answer
337 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 ...
GregF's user avatar
  • 11
1 vote
1 answer
592 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' => '...
leemon's user avatar
  • 1,920
1 vote
1 answer
3k 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() ?>...
Hubro's user avatar
  • 141
0 votes
0 answers
54 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. ...
georg1402's user avatar
2 votes
0 answers
101 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 ...
andowt's user avatar
  • 121
0 votes
0 answers
296 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 ...
Arvind's user avatar
  • 1
0 votes
0 answers
65 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 ...
Damon Flick's user avatar
1 vote
2 answers
970 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 ...
Ernest's user avatar
  • 53
0 votes
1 answer
172 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 ...
Webman's user avatar
  • 63
1 vote
0 answers
104 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 ...
Bani Wafels's user avatar
0 votes
1 answer
22 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 ...
sashaikevich's user avatar
0 votes
0 answers
42 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 ...
Reyansh Kharga's user avatar
1 vote
0 answers
74 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 ...
Kelsey Brookes's user avatar
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 ...
Gonçalo Peres's user avatar
0 votes
1 answer
413 views

Where are the src and srcset sizes coming from?

I want to find out where the src and srcset sizes are coming from.
Glen Charles Rowell's user avatar
0 votes
2 answers
271 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 ...
Henry's user avatar
  • 983
1 vote
1 answer
374 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 ...
Sahan's user avatar
  • 13
0 votes
1 answer
46 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 ...
Webman's user avatar
  • 63
0 votes
0 answers
245 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 ...
GT Tutor's user avatar
1 vote
0 answers
131 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 ...
lunian's user avatar
  • 11
0 votes
0 answers
132 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 ...
Rob de Cleen's 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'...
haxpanel's user avatar
  • 157
0 votes
0 answers
119 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 ...
social's user avatar
  • 61
0 votes
1 answer
316 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 ...
pttony's user avatar
  • 1
0 votes
0 answers
285 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" ...
Hind Dev's user avatar
  • 103
0 votes
1 answer
319 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 ...
ralphjsmit's user avatar
0 votes
1 answer
289 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 ...
user2850378's user avatar
0 votes
0 answers
32 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 ...
Md. Elias's user avatar
0 votes
1 answer
495 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 ...
Mathieu Préaud's user avatar
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" ...
Mahdi Jafarzadeh's user avatar
0 votes
1 answer
470 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 ...
Por's user avatar
  • 372
0 votes
0 answers
775 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 ...
Mark 's user avatar
0 votes
0 answers
177 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 ...
iadzemovic's user avatar
0 votes
1 answer
734 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 ...
Mike's user avatar
  • 23
-1 votes
1 answer
2k 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 ...
Daveh0's user avatar
  • 191
0 votes
1 answer
39 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 ...
Andres Martinolli Anatole's user avatar
1 vote
0 answers
116 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 ...
Spcaeyob's user avatar

1
2 3 4 5 6