We’re rewarding the question askers & reputations are being recalculated! Read more.

Questions tagged [responsive]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0
votes
1answer
1k 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 ...
4
votes
3answers
277 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 ...
1
vote
1answer
921 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, ...
0
votes
0answers
126 views

Serving resized images on a responsive site without making 2x copies

new here. I'm sure this question has been asked numerous times, but here we go. I'm a blogger (not a coder) and recently started adjusting my responsive site for retina displays by uploading very big ...
0
votes
1answer
504 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 ...
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
3answers
3k 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 ...
6
votes
2answers
361 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 ...
0
votes
1answer
605 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
1answer
435 views

Backstretch.js and thumbnail sizes to reduce loading time

I am using backstretch.js to set a featured image as a full size background image (as per this tutorial). I would like to combine this approach with different thumbnail sizes in order to reduce ...
1
vote
1answer
219 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
votes
1answer
71 views

Customizing Responsive Themes Menu [closed]

I use the popular theme: https://wordpress.org/themes/responsive I would like to change the color of one of the menu items and if possible also have a jquery popup from one of the menu items. How can ...
0
votes
1answer
85 views

Server Variables not recognized in certain posts

I've got a very strange issue that I've never seen in WordPress. I've just converted a big site over to a new responsive theme. The site has about 1,400 articles and there are ads on it. The way we ...
-1
votes
2answers
550 views

Twenty Fourteen responsive CSS

I today install on wordpress new responsive theme ''Twenty Fourteen'', I try to edit css, try to change bg color of header menu, I can't found in css where i change bg color, I before do this a ...
0
votes
4answers
31k 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 do ...
0
votes
1answer
229 views

Bootsrtap.css overlap style.css in custom wordpress theme

On creating a custom theme i faced one problem http://templategraphy.com/wp-demo/landro/ lookwise its not look so good because it not supported style.css By default it shows all its css properties ...
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 ...
-1
votes
2answers
2k views

Change featured thumbnail based on screen size

My theme has the option( like any other theme I guess) to chose a predefined featured image size( thumbnail, medium ...etc). I chose the image to be thumbnail, made it 150x150 in media settings but my ...
0
votes
1answer
51 views

WP Theme Customizer - Responsive Elements

Within WP Theme Customizer, I am wondering if it is possible to allow users to set the size of a thumbnail based on the size of the screen? For example, the user could select (1) for screens above ...
0
votes
0answers
19 views

Responsive framework - edit child js

Is the responsive framework used by WordPress custom to WordPress, or is it a standard design? Where is the js file located that controls behaviour of the grid system used by theme twentytwelve? Is it ...
2
votes
3answers
14k 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 ...
0
votes
0answers
460 views

FitVid not working for iframes on particular theme install

I am using FitVid in my theme and all is well except for a specific site that was migrated from Drupal. FitVid works fine with objects and embeds but not iframes, and only on this particular site. The ...
0
votes
1answer
12k views

Responsive scaling of image for the_post_thumbnail() [closed]

In my functions.php file, I have: add_theme_support( 'post-thumbnails' ); add_image_size( 'kev-feature', 650, 342, true ); In a template file, I have: <div class="article-feature-image"><?...
2
votes
2answers
2k 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 ...
-2
votes
1answer
26 views

HTML content filtered on blog page

On my blog page where my all post are listed all formating is filtered and the post text is in a paragraph tag with all other formatting HTML tags removed. It works fine on the posts single page. ...
1
vote
0answers
62 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 ...
0
votes
2answers
685 views

How to create a non-responsive WordPress Theme Using Genesis Framework?

I am new to coding and I really don't know how to create a non-responsive child theme which runs on the Genesis framework. Besides that, I tried to modify a child theme and it all went well but one ...
1
vote
0answers
43 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
3answers
1k views

Removing height and width from images with a caption

I am using WordPress with Twitter Bootstrap 3 and have an issue when it comes to images with captions. Images with captions are given a height and width attribute which stops them from being ...
0
votes
0answers
212 views

How to handle responsive and non responsive websites in one WordPress Theme?

I am using iPage hosting service to display my webpage. I am using a WordPress theme called Mantra. I want to display my website without been responsive (responsive to screen size in mobile phone). ...
0
votes
1answer
2k views

Responsive menu on genesis theme [closed]

Hi I'm customizing a Genesis framework theme Jane and I want to change the menu to be responsive with Twitter Bootstrap. I already found an question how to override the genesis_do_subnav function ...
0
votes
1answer
227 views

Change get_post_thumb responsively?

How can I responsively change the get_post_thumb when reaching a certain breakpoint with PHP code? I use the following code to print my posts thumb at the moment: <?php echo '<div class="...
1
vote
1answer
74 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 'fluid-...
1
vote
0answers
293 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 ...
3
votes
1answer
742 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-...
0
votes
1answer
462 views

Trouble with responsivitizing my twentythirteen header

I'm using the twentythirteen theme and trying to get the header to adapt to screen resolution. I've uploaded several image files with the required resolutions, and changed my custom-header.php source ...
1
vote
0answers
161 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 ...
0
votes
1answer
4k views

Display WP posts in 3 responsive columns

I'm trying to display 6 random WordPress posts in 3 responsive columns, 2 rows, by using: <?php $the_query = new WP_Query("showposts=6&cat=1&orderby=rand");?> For example, ...
2
votes
2answers
4k views

How can I make new .css file in child theme override styles in child theme's style.css

I want to make a separate responsive.css file in my child theme but having trouble making the media queries override the styles in the child theme's default style.css. I've tried putting <link rel=...
0
votes
1answer
1k 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: <h2>Hello!&...
1
vote
1answer
2k 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 ...
1
vote
1answer
60 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: .entry-...
0
votes
2answers
164 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 ...
1
vote
1answer
2k views

Change theme based on window size

I want to send a browser info (window width) to the server via AJAX. The server doesn't need to respond with any data, however, only change the theme based on that window width. This is my attempt: ...
0
votes
1answer
1k views

Change “posts per page” depending on width

I'm working on a responsive theme. One part is a sort of news flow (blog). In desktop widths (above 767px) the news template is vertically divided in two. The left part is a navigation which lists ...
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
0answers
1k views

site is loading fully zoomed in on mobile devices

my website is 980px wide. actually it is built on wordpress. My wordpress theme was initially responsive. Somehow i disabled its responsiveness. after that the website loads fine on desktop but it is ...
0
votes
1answer
303 views

Problems Replacing Background Color with Static Background Image in Responsive Design

I'm new here. I've tried the WordPress forums and the actual theme forum for my theme with no luck and I heard that this is a good place to come ask questions. I'm hoping someone out there will take ...
10
votes
3answers
11k 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 href="http://steven.doig.com.au/...
0
votes
1answer
476 views

Image menu on responsive WordPress

1) Why WordPress only use based on "text" menus (navigation) only? Maybe the answer is "it is for SEO and mobile responsive WordPress". Am I correct? any other opinions? 2) What if I create "image ...