Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

Questions tagged [responsive]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
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 ...
0
votes
2answers
1k views

Bootstrap navbar responsiveness on WordPress theme menu not working

The theme I am creating is not working correctly. The menu is not collapsing into mobile view with the hamburger icon when I decrease screen size. I can see all the classes when using the inspect tool ...
1
vote
1answer
727 views

Get a list of all image sizes that match aspect ratio of original one

I need the same functionality as default WordPress wp_calculate_image_srcset() method which returns the string for srcset: image-300x200.jpg 300w, image-600x400.jpg 600w, ... but it should return an ...
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 ...
-1
votes
1answer
16 views

responsive screen not working [closed]

i already try to make this responsive like this: https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_image2, i want it like shrink like an image, whatever screen in it, it will match in the ...
1
vote
2answers
4k views

Responsive Images - Add srcset attributes to custom Images Function

When I use get_the_post_thumbnail( NULL, 'entry-fullwidth', NULL ); wordpress automatically outputs the srcset data like these: <img width="1000" height="625" src="https://x....
0
votes
1answer
47 views

@media applying globally and not separately for each screen width [closed]

I have the 1920px stylesheet complete at a page width of 1560px. I'm trying to style the next width for 1366px screens using @media queries but when I change anything it changes globally. I'm a ...
1
vote
1answer
35 views

@media in bluehost is being commented out [closed]

Bluehost which is hosting my WordPress files, doesn't seem to be reading my @media code. Everything starting with an @ symbol is greyed out and is not being read at all which means my site is ...
2
votes
2answers
1k views

How can I make wp default gallery responsive?

I want my WP default gallery to go from 4 columns on computer screens down to 2 on mobile devices.
1
vote
1answer
258 views

WP Responsive images - upload custom image sizes

I've been trying to find solution to my problem for the last couple of weeks without any luck. I've been finding that my theme and WP both fail to create proper responsive images. This especially goes ...
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
1answer
101 views

Open Menu is not working in Mobile view [closed]

my website is www.ukikomerc.com and my open menu is not working in mobile view. I already try to deactivate plugins but still, I have the same problem. Please help.
2
votes
1answer
686 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
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 ...
-2
votes
1answer
913 views

Navigation menu, remove item from desktop

Using theme (and child theme) of Sailent, I'm trying to work out a way to completely remove a menu item from my navigation bar while on desktop. See site here: http://www.boinginflatables.com/...
0
votes
2answers
5k views

Meta tag viewport

I made my very own WordPress theme from scratch and I don't use a header nor a footer for it (so no header.php or footer.php files present). All of the important content is directly in the index.php ...
0
votes
2answers
4k views

Move Sidebar from Above Content To Below When Responsive [closed]

My theme automatically puts the sidebar above the content rather than below it when going responsive/mobile. I am trying to figure out how I can get it to go below the content instead, as having it ...
3
votes
2answers
2k views

Responsive background images added inline

I am setting the featured image as a background for the top part of the page. The images are quite large and I'd like to be able to set smaller image sizes for smaller screen sizes. Since the images ...
-2
votes
1answer
128 views

Custom page template not working on mobile

I have a child theme. Within the child theme, I have a custom page template. It work perfectly on a desktop. It is not working on my iPhone with the Safari browser. This is the template: <?php ...
0
votes
1answer
1k views

Custom responsive 'featured image' sizes

My home page has a carousel of 'featured (thumbnail) images' from posts. The carousel uses about two=thirds of the screen width and Google Page Speed Analyser complains that my images are too large. ...
0
votes
1answer
644 views

Responsive images in Bootstrap 4 slider

I have a Bootstrap 4 slider in progress at https://filathlos.imagewize.com/ . When I add images of a 0.75 ratio like 2000x1500 they display and resize well. 3000x2000 works too. This with them being ...
1
vote
3answers
8k views

How to display a different image size for mobile

I have set up the following: add_image_size( 'featured-image', 1600, 450, true ); which is used to serve a full width image on the website I'm building, but, as you can imagine, for mobile this is ...
0
votes
1answer
39 views

Sidebar widgets are over the content in mobile mode, how can I fix it? [closed]

I'm building a website by modifying the Dazzling theme on WordPress, and I'm having a problem with the sidebar widgets (Text). Here's the link to the website: http://theaerospecialist.com/ The ...
0
votes
0answers
354 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
-1
votes
1answer
401 views

How to resize video lightbox popup in wordpress? [closed]

I am using videolightbox in WordPress. Video Popup size is too big see here almost covering the whole page. I want to change the pop-up size to a smaller one, at the same time I would like to keep ...
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, ...
0
votes
2answers
47 views

Need help with making a website where user can add products

I need help and advice how to make an website where user register and add products to the sites. There shouldn't be any paying function, just a user interface and the products that users add can be ...
0
votes
1answer
564 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
2k views

Add div after every 4 posts then every 2 posts for a responsive loop

I'm currently working on a Wordpress loop for my index posts page. The loop displays the posts in 4 columns (each post has a width of 25%, so 4 posts on the same row), my purpose is to insert after ...
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
1answer
103 views

Add div on EMED Tag

For make Video EMBED in responsive mode i need to add a div before iframe like: <div class="videoWrapper"> <iframe width="600" height="338" src="https://www.youtube.com/embed/f5CcOq8UzkI?...
-1
votes
2answers
2k views

Responsive table on ios safari

In chrome, firefox everything is fine. On mobile ios safari it looks like the pic. The columns won't collapse into rows. Tried the guide but didn't seem to work https://css-tricks.com/accessible-...
0
votes
1answer
1k views

Change Menu Button Text [closed]

I need to change the text that appears on the menu button when my site is viewed on a mobile phone. How can I do that?
2
votes
1answer
440 views

Get specific image size for small viewport width

Im trying to get this featured image only when wiewport is < 768: add_image_size( 'img-movil', 660, false ); I have no much coding skills. I was reading about how to pass a variable from JS to ...
0
votes
1answer
74 views

Should I detect the device or the page first?

I wonder what the best practice is, if it does matter. Should I detect the device first and surround the page block inside of the device block, or the opposite? The device detector is based on: https:...
0
votes
2answers
65 views

Why is only one page responsive? [closed]

On our blog, only one page is responsive. All other pages are not reorganized when they we access them. I checked all of the settings and searched the web for a while but I could not find a hint about ...
-1
votes
1answer
516 views

Is Twenty Eleven Theme Responsive ? any update? [closed]

Someone asked me to make his site theme mobile friendly, and he gave me his theme which is Twenty Eleven theme. I want to know is this theme mobile friendly at all of has some bugs on mobile displays ?...
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 ...
5
votes
1answer
2k views

How can I set image sizes and still have responsive images using the srcset attribute?

I have this function in my theme to create thumbnail sizes. set_post_thumbnail_size( 620, 848, true ); if (function_exists('add_image_size')){ add_image_size( '...
-1
votes
1answer
29 views

How to generate a responsive output from plugin?

this question is regarding plugin development. I created a plugin for my WordPress website. That plugin has a shortcode. Short code containing a form, responsive image upload and preview, rotation and ...
2
votes
3answers
2k views

How to use the responsive images feature from WP 4.4 in your themes

I don't really understand how I can use the new responsive images feature that WordPress provides in my themes. Example: In my theme, I add a header-image. I therefore use the custom-header-image ...
1
vote
1answer
2k views

Responsive Video Max-width

I found some code that will help video embeds be responsive: http://alxmedia.se/code/2013/10/make-wordpress-default-video-embeds-responsive/ The problem is not the code, the code is working great! ...
0
votes
2answers
150 views

How to modify responsive images in post thumbnails

I have a simple two columns website (one sidebar + one maincoulmn). In the sidebar area I use this code to show some post thumbnails: <?php the_post_thumbnail('custom-size-small' ,array('class' =&...
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
766 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
votes
3answers
844 views

Enqueue scripts based on browser width?

Is it possible to load scripts through wp_enqueue_script based on a browser's width? Thanks
1
vote
3answers
74 views

What controls responsiveness in Wordpress?

I am testing a WP install along with a custom theme made by third parties. The theme per se is responsive, however in some situations, at particular resolutions, parts of the page will be blank ...
2
votes
2answers
130 views

How do I make featured images retreived by the_post_thumbnail() responsive?

I am trying to make the featured images retrieved by the_post_thumbnai() in the loop responsive, but can't seem to find a simplified solution. The logic I want to implement is something like this: ...