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
1
vote
0answers
159 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
1k 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' ); ...
0
votes
1answer
741 views

the_content not showing responsive image attributes srcset or sizes

I'm using WordPress 4.4.2, but am unable to get the new responsive images functionality to appear for the_content. It works for featured images, just not the_content images. I have no plugins ...
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 ...
-3
votes
1answer
199 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 ...
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
2answers
165 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
649 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 ...
9
votes
1answer
7k views

the_post_thumbnail responsive srcset not populating with custom image size

I am trying to use the new responsive images feature in Wordpress 4.4 but I keep running into a particular problem when trying to use the_post_thumbnail with a custom image size. It seems I cannot ...
0
votes
1answer
433 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
316 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 ...
5
votes
1answer
149 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 ...
0
votes
1answer
579 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 ...
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['...
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....
0
votes
1answer
616 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 ...
4
votes
1answer
615 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 ...
-2
votes
2answers
628 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
956 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 ...
37
votes
5answers
30k 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 ...
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,...
3
votes
1answer
592 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' ) ...
-1
votes
1answer
930 views

How to make this splash page responsive

I need to create a simple responsive splash page where there is a full background image with a logo, text and CTA on the top half of the image. The Mobile_View image is how the page looks when ...
-2
votes
1answer
2k views

I would like to hide menu on desktop but still have it visible on small screen

I have added the code bellow in order to hide the navigation menu from my homepage. add_filter( 'pre_wp_nav_menu', 'wpse_210095'); function wpse_210095($menu) { if (is_home()) { $menu = ''; } ...
0
votes
1answer
133 views

My contact form is not being responsive

The contact form on my site is not being responsive. This is what is I have tried to make it responsive. But, its not working. @media only screen and (min-width : 767px) { .wpcf7-...
0
votes
1answer
114 views

nextgen pro horizontal filmstrip moves up as browser narrows

Here's the site... I'm trying to keep the top of the images in my slideshow at the same height. But as I make my browser narrower, the images and thumbnails move higher and higher. The movement is ...
0
votes
2answers
178 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 ...
0
votes
3answers
3k views

How to load different homepage on Mobile.?

I am looking for a way from 3 days to load different homepage for mobile devices.But did not get any success.
0
votes
0answers
71 views

Site not 100% responsive

I created a site for a client. It was 3 columns but she wanted only two, so I adjusted the code a little bit and made it 2 columns. The featured post area under the slider is my problem; the whole ...
0
votes
1answer
700 views

Serve different images per screen size and cache possible?

So my posts have a featured image. This image is large. 1920 x 1281. The max width is set to 960 so my image is 2x as large for retina screens. However this results in a ~200-300kb file. The images ...
0
votes
2answers
39 views

Faster fonts on mobile

I think I have a great idea to make my site load faster in mobile: "don't load the custom fonts in small screens" I know how to style/change the font used depending on screen size with media queries ...
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 ...
0
votes
2answers
979 views

Disable Media File Image Link On Mobile Devices

I'm looking to disable the 'media file' image link on mobile devices, so that when viewing a site on mobile devices we simply have the image being displayed with no link to anything. I am looking to ...
0
votes
1answer
389 views

Best method for loading content on mobile - issue with wp_is_mobile

I'm trying to prevent loading of extra site menus on mobile. I'd rather not load them at all as opposed to loading them and hiding them with css. I'm starting with this in my header file: <?php ...
0
votes
2answers
258 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 ...
2
votes
1answer
305 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 non-...
1
vote
1answer
623 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 ...
18
votes
2answers
22k 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 ...
0
votes
1answer
8k 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 */ jQuery(...
0
votes
0answers
28 views

Responsive Wordress Site - Serve different post types to each device

I currently run a multisite wordpress website. for example: wwww.domain.com www.domain.com/mobile www.domain.com/tablet With a separate WP install on each sub domain. I would like to optimise ...
3
votes
1answer
8k 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 ...
0
votes
3answers
960 views

Wp_List_Table not responsive

im using the wp_list_table class on my backend theme, to show some informations that i have saved on database, but there is a lot of informations and i want to make it responsive, show/hide some ...
0
votes
1answer
398 views

The hyperlink <a> not responsive with post? [closed]

I'm using semplicemente theme .(http://crestaproject.com/demo/semplicemente/). But in my post which have a hyperlink look like <a href="link">conent</a> And when i test it's responsive,...
0
votes
0answers
63 views

Ads below footer

A client of mine has ads on his website, which are managed by a CPT. The ads can be pulled in via a widget, hardcoded query and a shortcode. I have an issue that isn't consistent that I'm trying to ...
0
votes
1answer
364 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 (...
0
votes
1answer
45 views

Create various image sizes ad hoc

Im making my theme responsive and hence would like the images to have various sizes depending on device, resolution etc. Normally i would just add make a add_image_size hook to image upload, however ...
0
votes
1answer
5k views

Two column layout using Bootstrap [closed]

Can anyone help me with this? <div class="container"> <div class="row"> <div class="col-sm-8"> <div class="row" style="margin-bottom: 30px;"> ...
0
votes
1answer
437 views

Removing backstretch image from pages/posts

Homepage has a backstretch image which is also active throughout the site on posts and pages. How can I keep the backstretch on the homepage but hide it on posts or pages? pulled this from the ...