The tag has no wiki summary.

learn more… | top users | synonyms

7
votes
3answers
429 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 ...
5
votes
3answers
850 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
1answer
213 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 ...
4
votes
1answer
292 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
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 ...
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
187 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
1k 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
3answers
127 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 ...
2
votes
2answers
3k 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
3answers
4k 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
246 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 ...
1
vote
2answers
710 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
72 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
4k 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 ...
1
vote
1answer
129 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
7k 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
1answer
25 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
35 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
1answer
202 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 ...
1
vote
2answers
1k 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
210 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
204 views

Remove inline width and height definitions from post images (single.php)

I have exported around 300 posts out of Blogger and into WordPress. The posts are mostly made up of images as it’s a fashion blog. Everything went great import-wise but the problem is that all images ...
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
224 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
1answer
384 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; } ...
1
vote
0answers
122 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
200 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
54 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
910 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
101 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
611 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
1answer
94 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
1answer
162 views

Why is this jquery / java script code not working in mobile / in devices?

I have following script in my header.php : <script type="text/javascript"> /* to show back the left side bar back when the LEFT side bar is moved next/below to the center/content */ ...
0
votes
1answer
595 views

$content_width for responsive UI

In our "mobile first" age a theme without responsive UI is treated like from stone age. It means that a theme could have different content width for different devices. But one of requirements for ...
0
votes
2answers
122 views

Serve a different theme based on window size

What do you think it is the best approach to load a theme based on current window size of the client? I am not necessarily talking about resizing, but only about the size at the first load time. I ...
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
668 views

magic “MENU” button under Twenty Twelve theme

I'm using Twenty Twelve with one of my sites on WordPress and someone told me that the site wasn't appearing as it should. She told me that instead of the menu, she saw a "MENU" button, which if ...
0
votes
1answer
1k views

Responsive dropdown menu with smaller screen sizes

Working on a theme template and trying to make the menu responsive, so that it will change from a horizontal layout into a block format at a certain screen resolution. I have tried one tutorial which ...
0
votes
1answer
233 views

Different column width in 2 rows with bootstrap and custom post types-different classes needed

I'm using a custom post type on my WP website and also using bootstrap. I want to list 5 custom post type entries on my home page, and I want the first 3 to have class col-md-4 in one row and in the ...
0
votes
1answer
318 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 ...
0
votes
3answers
553 views

Don't load scripts if on mobile/tablet

Would like to ask the question is it possible to stop the laoding of some scripts when viewed on a mobile/tablet device ? In the theme functions file you have wp_enqueue_script(...). How would you go ...
0
votes
1answer
167 views

Generate responsive post thumbnails of same size

I am using a function to display related posts in my wordpress theme with their thumbnail. I am using uikit to make my theme responsive. Uikit offers a grid feature similar to the bootstrap one, and ...
0
votes
4answers
7k views

All 3?: Responsive resizing of images + image width of actual image for small images + max-width for all larger images

What I'd like to achieve is to have images resize responsively – and for that I have to set 'width: 100%' – and at the same time set a maximum width to not have the image as wide as the content. To ...
0
votes
3answers
2k 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 ...