The tag has no usage guidance.

learn more… | top users | synonyms

15
votes
5answers
3k views

How do I disable responsive images in WP 4.4?

I succesfully converted my 4.3.1 install to all https. After updating to 4.4. I have a problem with the new srcset attribute. While the src attribute for images is set using https, the srcset ...
7
votes
1answer
1k views

Proper usage of wp_is_mobile()?

I have developed responsive theme and I want to submit it the wordpress.org. Before submitting it I want to use wp_is_mobile() in my theme, but according to Function Reference/wp is mobile it is a ...
7
votes
3answers
459 views

How to insert pictures without hard coded dimensions?

How can I insert pictures into a post without any hard coded dimensions (e.g. <img src="" alt="" /> instead of <img src="" alt="" width="" height="" />)? I don't want my users to switch to ...
7
votes
1answer
1k views

How-to make the admin area mobile friendly [closed]

Currently the admin-UI is a no-go for mobile browsers. Therefore I'm searching for a plugin that makes the back-end/admin-UI accessible and a little more friendly for mobile devices. Features, the ...
6
votes
2answers
2k views

Responsive Theme Design: how have slideshow on desktops/tablets and static photo on mobile using same template?

I am building my first responsive WP site with my own custom WP Theme. The primary templates are part fluid, part fixed. This enabled me to create only 3 "versions", a desktop, tablet and mobile ...
6
votes
2answers
673 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', ...
5
votes
3answers
910 views

How-to add rewrite rules to point the uploads folder to a subdomain

The goal Point the upload-folder to a static subdomain to serve adaptive images, that can get cached. WordPress Rewrite Rules You can read more in detail about rewrite rules API at Christopher Davis ...
4
votes
2answers
3k views

make Wordpress image captions responsive

This webpage contains images inserted by Wordpress. The code used to insert the first image is: [caption id="attachment_887" align="alignnone" width="604"] <a ...
4
votes
2answers
139 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' ) ...
4
votes
1answer
334 views

How to get attachment id of background image?

I'm looking for a way to get the ID of the background_image when I am using custom headers? I tired using url_to_postid like this: $url = get_header_image() $postid = url_to_postid( $url ); and ...
3
votes
3answers
183 views

Responsive Images

Is there a native function to display the correct responsive image size for post thumbnails or gallery images depending on the screen resolution? Normally I'm using: 1.Custom image sizes: function ...
3
votes
2answers
1k views

Implementing Zurb's Interchange Into Wordpress

I'm really scratching my head trying to figure out the best method for responsive images with Wordpress. Zurb just released a new javascript plugin for their Foundation framework. I'm using Foundation ...
3
votes
1answer
107 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 ...
3
votes
1answer
200 views

Create image formats with different qualities when uploading

I'm trying to come up with a solution where the generated image formats cover both responsive and high-resolution aspects when uploading a new item in the WP admin. I've put together a set of formats ...
3
votes
1answer
2k views

How to oEmbed from custom field, responsive to container size and responsive

I am using Magic Fields 2 to add custom fields/meta boxes. One custom field is for a Vimeo or YouTube video URL to be displayed. The following code oEmbeds the video URL: <?php if ...
3
votes
1answer
1k views

Benefits of storing uploads in an assets folder?

I'm trying to get up to speed with responsive theme development in Wordpress and have been looking at Bootstrap and combining it with HTML5 boilerplate. I came across this skeleton framework which ...
2
votes
2answers
4k views

How can i disable a plugin for a mobile phone?

Is there a way I can not show something to mobile users? I have a floating social bar on my responsive theme, but it get in the middle of the content if I'm on my Android phone. I don't want to use ...
2
votes
1answer
5k views

Using FlexNav with WordPress [closed]

Has anyone managed to get the FlexNav plugin - http://jasonweaver.name/lab/flexiblenavigation/ - working with WordPress? I've got an HTML version of the site working fine, but I'm running into ...
2
votes
1answer
998 views

Making WordPress Gallery (.gallery-item) Responsive?

Shortcode for Gallery: [gallery link="file" columns="5" size="medium"] I’m using a 5 column gallery on an inner page of a website, obviously when the site responds down to mobile and even tablet ...
2
votes
1answer
462 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; } ...
2
votes
3answers
5k views

How can I serve different images depending on screen size with wordpress

I am creating a responsive WordPress website with a mobile-first approach. When my client uploads an image for a blog post, I would like WordPress to then generate smaller versions of the image (with ...
2
votes
1answer
271 views

Manipulate Output of wp_list_something: select menu instead of li's

I'm working on a responsive webdesign where my navigation should swap into a select-menu when resizing the window in smaller sizes. Is it somehow possible to add another param to functions like ...
2
votes
0answers
23 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
2answers
856 views

Excess White Space Above Admin Bar on Frontend Using Twitter Bootstrap

The problem (Excess White Space Above Admin Bar on Frontend Using Twitter Bootstrap): While logged in and viewing the frontend -- If you shrink your browser down, there is an excess amount of white ...
1
vote
1answer
73 views

What tags should be used for themes to show the type of layout?

In the Tag Filter the old tags 'fixed-width' and 'flexible-width' were renamed to 'fixed-layout' and 'fluid-layout'. Also new 'responsive-layout' tag appears. Should users duplicate new tag ...
1
vote
1answer
170 views

Can't show custom post thumbnail sizes as background images

I'm trying to work out a solution for responsive background images in Wordpress to use on my clients' sites. This is what I got: 1) I created some custom thumbnail sizes: function ...
1
vote
3answers
3k views

the_post_thumbnail scaling not hard cropping

Lately I wanted to upgrade my blog with featured images/post thumbnails. I'm using a custom theme build on the roots theme (this is not a roots theme issue, I believe). The image I upload is 1024x768 ...
1
vote
3answers
9k views

Convert WP Menu to a Drop Down for Mobile browser

I'm working on a wp project with responsive theme. I have single level nav menu at the top of the site, that I want to change to a Select Option tag for mobile browsers (small screens) with options ...
1
vote
2answers
250 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 ...
1
vote
1answer
124 views

How to switch css files according to devices and button click?

I am trying to enqueue a responsive css file if the website is opened on mobile devices. Also I want to switch / enqueue a default or non-responsive css file when a button is clicked. The ...
1
vote
1answer
85 views

How to set cookies to switch style sheets when a link is clicked and set it till another particular link is clicked?

I have a very old site. Now I want to make it responsive without changing the theme an it's style sheet. Requirements: Can not change the theme. Can not create child theme. By default, the site ...
1
vote
2answers
2k 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 ...
1
vote
2answers
2k views

Making footer widgets responsive

I have 4 footer widgets in the theme I'm working on. It works great. The only thing that I can't get to work is the responsiveness of the widgets. The 4 footer widgets keep on showing up next to each ...
1
vote
1answer
11 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. ** ...
1
vote
0answers
12 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 ...
1
vote
0answers
19 views

Trouble making searchbar responsive [closed]

I have a searchbar in my header, which I need centered horizontally and just a little bit above the bottom of the header. I was able to achieve this by using display: flex; justify-content: ...
1
vote
1answer
389 views

How to Implement Responsive YouTube Video Framing? [closed]

I am using the YouTube embed functions to place my video inside my wordpress single post page. I do not want to use oEmbed because it gives me less custimization with hiding the information bar, ...
1
vote
0answers
39 views

wp_editor responsive?

I am calling <?php wp_editor( '' , 'movie_description-'.$num, array('textarea_name' => 'url[]', 'raw' => true ));?> but I want it to be responsive so that it doesn't overflow outside of ...
1
vote
0answers
33 views

Is a conditional image creation with add_image_size possible and which would be the best hook? [duplicate]

I try to get the Picturefill solution described here running with the latest Wordpress install. One thing I wonder is the following. Would it be basically possible to only conditionally create image ...
1
vote
0answers
244 views

Implementing the twentythirteen responsive menu in twentytwelve

I've made plenty of 2012 child-themes in the past as the theme really suits my overall needs, but having it be responsive never was that important. Now however I'm creating a site that really needs a ...
1
vote
0answers
135 views

Elements floating on top of each other when Resizing or checking site on mobile. Twenty Twelve

I'm using WP Twenty Twelve theme for my blog: Glory and Honor and have followed the Replace #site-title with resizable image in Twenty Twelve Post to fix my logo not displaying when visiting via my ...
1
vote
0answers
234 views

Bootstrap Dropdown Menu unresponsive in mobile [closed]

I have built a responsive website using Bootstrap Theme the menu is working fine in desktop, but if I tap the menu button in mobile devices, more often unresponsive and the transition is delay. Any ...
1
vote
1answer
55 views

No responsive design is displayed

I have a strange problem. I'm using the Twenty Thirteen theme. When I decrease the navigator width it should make the h1 title decrease too, but it does not. I have the next default css rule: ...
1
vote
2answers
963 views

Set Post Thumbnails in Percents

I've built this responsive site on WordPress and got a little curious as to how I can set the post thumbnails in percentages. Any help would be much appreciated.
0
votes
1answer
47 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 ...
0
votes
1answer
155 views

How to force the twentyfourteen narrow screen layout to apply to wide screens?

In gt.owenks.uk uses the twentyfourteen theme. The narrow screen layout uses the full width of the screen for posts and condenses the page menu to an icon: But the wide screen layout uses only the ...
0
votes
1answer
766 views

twentythirteen h1 and h2 not resizing responsively

I'm using the twentythirteen theme which is supposed to be responsive, here on my site. On this static homepage, the text-headers are generated as follows, using the heading tags: ...
0
votes
3answers
2k views

Add Image Size for Featured Image with Responsive Design

So, I know that I can make a custom featured-image size by adding this to my functions.php file: add_image_size('newsize', 883, 300, true); and calling it with: the_post_thumbnail('newsize'); ...
0
votes
1answer
96 views

Custom image size vs CSS sizing

I am developing a theme which will have 2 configuration options for the slideshow in the header; a full width version and a half width version. The theme is also responsive and so I am trying to ...
0
votes
2answers
59 views

YouTube video goes over sidebar [closed]

On a page I have embedded a video. On Ipad and also when you resize the browser window (look at the screenshot below), video goes over the sidebar. It should regard some responsive issue. Do you how ...