Questions tagged [responsive]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0
votes
1answer
41 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
358 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 ...
-1
votes
1answer
415 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
votes
1answer
30 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 ...
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
2
votes
1answer
8k views

Why is wp_get_attachment_image_src returning wrong dimensions? [duplicate]

I am using wp_get_attachment_image_src to construct the srcset attribute of an img tag. In that attribute I want to output a comma separated list of image urls along with the image widths. Using the ...
1
vote
1answer
43 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
105 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?...
2
votes
1answer
458 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
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?
0
votes
1answer
77 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
528 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 ?...
1
vote
3answers
6k views

Run shortcode at certain resolution

I've gone a roundabout way of trying to ask a question about this here: Loading shortcode with ajax but figured it might be worth asking the fundamental question of what I am trying to do without ...
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
32 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 ...
3
votes
2answers
178 views

Featured Image in 4.4 should be larger on mobile device

I work on a theme that displays 3 columns with images, so the size for thumbnails on large displays will be 360x240px. When resized, on some mobile devices, like iPhone, there will be just 1 column ...
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! ...
1
vote
1answer
679 views

Featured image (responsive) above content is too small after update to WordPress 4.4

In my theme, I placed a featured image of a page above both the content and sidebar columns, spanning both columns, using <?php the_post_thumbnail('large'); ?> where "large" size is defined as ...
0
votes
2answers
159 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' =&...
5
votes
1answer
151 views

Pb with responsive image sizes in WP 4.4

I don't understand how to customize responsive sizes images in WP 4.4.1. The only available hooks that I see are wp_calculate_image_srcset and wp_calculate_image_sizes, and neither has the named ...
1
vote
1answer
96 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
784 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 ...
0
votes
0answers
135 views

Filter the_content() to add custom figure tags

I'm trying to implement responsive images on my site, and have all the required component parts working, and understand the concepts, but need some help putting them together; Knowing that WordPress ...
-1
votes
3answers
872 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
75 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
142 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: ...
1
vote
0answers
161 views

Responsive Images - crop don't seem to work

most likely I didn't got the idea of responsive images right know, so please consider pointing out misunderstandings in that concept. What I want to have: I have a page where I query for custom ...
0
votes
1answer
2k views

One of my image sizes isn't showing up in srcset

So for I've added some custom image sizes like this: add_action('after_setup_theme', 'image_sizes_setup'); function image_sizes_setup(){ add_theme_support( 'post-thumbnails' ); ...
2
votes
1answer
77 views

Responsive Images Resizing Images

WordPress's automatic responsive image code is setting the size of certain images larger than it should be. Here is an example: On this page: http://healthyhints.wpengine.com/hot-yoga-benefits/, the ...
6
votes
1answer
1k views

Images all broken after migration and upgrade

I have upgraded a neglected Wordpress installation the was a few versions off. After the installation and upgrading multiple version, all of my images are now broken which were not before. Whenever ...
-3
votes
1answer
201 views

Hiding site title for Twentyfifteen sidebar on (responsive) desktop display size

I'd like to hide the site title that appears on the sidebar on a twentyfifteen theme WordPress website when viewing it in a desktop display, but have it show when the display is fitted for mobile or ...
0
votes
2answers
267 views

Responsive Wordpress Gallery

I have been trying to make my Wordpress Gallery responsive with the help from another post: Making WordPress Gallery (.gallery-item) Responsive? I would also like the original 5-column gallery to ...
0
votes
1answer
441 views

srcset and custom field get_post_meta and wp_get_attachment_url

I would like to use the new wordpress 4.4 function srcset with an image which comes from a custom-field like this <img src="<?php $bigimg = get_post_meta($post->ID, 'bg_file', true); echo ...
1
vote
2answers
339 views

Responsive Images Warping

I'm using HB Themes Aegaeus theme and it's great except for the fact that one of the shortcode elements (hb-box) is resizing the images. (Obviously, automatically resizing site elements to fit a ...
0
votes
1answer
600 views

Header Logo Scaling

Im using customiser to load and image into the header of my theme, since its customiser its inserting it via css as a background image, however when loading it, it won't appear unless padding is added ...
0
votes
1answer
1k views

Disable the admin bar / probleme with responsive menu

I am using a plugin called Disable WP Admin Bar Removal The goal : Disable the admin bar (back and frontend). I really want to disable this bar for the dashboard but if I want to use the ...
4
votes
1answer
618 views

WP 4.4. responsive loads normal image after loading the responsive image

I have the 2 new added sized that I am testing: // testing add_image_size('new-small', 500, false); add_image_size('medium-large', 768, false); // just added today for devices support image ...
1
vote
1answer
28 views

Old Site displays on Mobile View, not New Site

I just relaunched a website from HTML to a responsive Wordpress site & theme. It's great on desktop, but folks who have visited via mobile before the relaunch are still seeing the old site. ** ...
0
votes
1answer
22 views

How do I get the access type in WordPress?

How do I get the access type (from desktop or mobile) in WordPress? Here is a possible solution posted here. function yundanran_get_access_type() { $is_wap=false; $user_agent = $_SERVER['...
0
votes
1answer
632 views

How to make gallery images responsive?

There are pictures, one below the other, inserted by the editor as a gallery. You can see an example on my page here. The problem I have is that this gallery of images is not responsive. Resize your ...
1
vote
0answers
66 views

Responsive menu gone on wordpress Responsive theme

The responsive menu on my website is gone (homepage only). I am not sure what caused that and don't know how to fix it. Can you please help? I will really appreciate it. The website is http://www....
9
votes
2answers
5k views

WP 4.4. responsive images browser choosing the “wrong” one

I'm glad that WP 4.4. ships with a built-in responsive image feature. But I'm not that happy with it. I have set up some custom image sizes in my functions.php: add_image_size('post-thumbnails', 600,...
0
votes
1answer
367 views

Header formatting works for safari but not chrome @media screen size technique on iphone

I was creating a responsive design theme from underscores I was trying to format the header text .css file to make smaller text when it is opened up on an iphone device. I used @media screen and (...
-2
votes
2answers
638 views

Hamburger Navigation Menu

I have a Wordpress menu that I am using as a Hamburger menu for smaller mobile devices. Since there really isn't a "hover" event for touch devices, I have changed the main menu items to show their ...
0
votes
1answer
194 views

WordPress 4.4 <picture> responsive sometimes doesn't work

When WordPress 4.4 was released, it added the ability to make your feature images responsive using the picturefill JavaScript libraries. Is anyone else having problems with the <picture> tag? ...
1
vote
2answers
959 views

Fuzzy Images in Wordpress 4.4

I've got a problem with my site, newly uploaded images are uploading/displaying blurry. I think this has to do with the 4.4 update and responsive images... how can I fix this, or disable responsive ...
3
votes
1answer
760 views

Wordpress core responsive video not working with shortcode

I cannot get the video from Wordpress core to behave responsively. I'm using the following CSS: .videocontent { width: 100%; height: 100%; max-width: 1024px; margin: 0 auto; } .wp-video-...
3
votes
1answer
602 views

WP 4.4 aspect ratio with responsive image

How to make new WP responsive image to choose images by filename and add them to srcset without checking aspect ratio? I have my own sizes: add_image_size( 'l', 992, 500, array( 'center', 'center' ) ...