Questions tagged [responsive]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0
votes
1answer
678 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
384 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
673 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
198 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
978 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
801 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
614 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' ) ...
-2
votes
1answer
3k 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
2answers
208 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
1answer
156 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
117 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
3answers
4k 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
709 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
43 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
1answer
470 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 ...
2
votes
1answer
340 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
684 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 ...
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 ...
4
votes
3answers
289 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 ...
0
votes
0answers
66 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
535 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
1answer
48 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;"> ...
2
votes
2answers
6k 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 ...
0
votes
1answer
442 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 ...
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 ...
7
votes
2answers
3k 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 ...
1
vote
1answer
952 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
1answer
1k views

Twenty Eleven Theme Adjusts for iPhones. How to stop this feature?

I would like to prevent Twenty Eleven from changing to mobile version when seen on an iPhone. Any way of doing this?
0
votes
0answers
466 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
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
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"><?...
0
votes
1answer
518 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
2answers
207 views

Trying to use shortcode for a plugin on custom homepage of Responsive theme

The Responsive theme has a custom home page option, with a feature content div that is defaulted to an image. I cannot get shortcode for my slideshow plugin to work in this. I can insert html just ...
0
votes
2answers
688 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
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 ...
0
votes
1answer
628 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 ...
1
vote
1answer
230 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 ...
3
votes
1answer
7k 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 ...
0
votes
1answer
86 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
568 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
1answer
233 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
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 ...
-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 ...