Questions tagged [responsive]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
3
votes
1answer
596 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
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
2answers
179 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
134 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
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
701 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
1answer
400 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
309 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
639 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
280 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
64 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
408 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
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;"> ...
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
438 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
924 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
461 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
505 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
205 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
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
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
611 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
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 ...
3
votes
1answer
6k 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
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
551 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
230 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 ...
0
votes
3answers
3k 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'); But, ...
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 ...
1
vote
2answers
4k 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 ...
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, ...
0
votes
2answers
2k views

How can I only show one responsive menu on mobile devices?

Here's my site: http://dev.shoeporn.com/ I'm running WP 3.5 and using this plugin: http://wordpress.org/support/plugin/responsive-select-menu It is supposed to allow you to select which menus you ...
0
votes
1answer
304 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 ...
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. ...