As you said making a part responsive would be the best way you can choose. Working with screen width is some thing client side, and that’s done by CSS or alternatively by Javascript. If it’s related to css, media queries will do the job: http://www.ibm.com/developerworks/library/wa-cssqueries/index.html and if it’s js, width property of screen object does … Read more
The best way I found to solve this issue was to have PHP write the CSS styling I needed in-line. I know it is not best practice in terms of maintainability as it might be confusing to someone else coming into the project later on. However, it was a personal site so I will be … Read more
It’s pretty hard for PHP to know your screen width. It’s more of a job for jQuery. But your approach seems kind of backward. If the site is supposed to be responsive — why are you trying to deliver different pages to your visitors based on screen width? It would seem you should handle varying … Read more
Wow, first question I finally found the answer to by myself 🙂 I found it here at the WordPress forum. This post offers a correct code-snippet to add an index number to each widget plus to pass a widget-first/widget-last-class to the first/last one. Works like a charme!
I’m not sure what you are asking for, but I think you need some general suggestions. So: 1) Websites are made by three layers. WordPress (like others good CMS) creates “only” TEXT menu because this is the (fundamental) semantic layer. 1-b) Then, you can always add a presentation layer (css) or a behaviour layer (javascript) … Read more
In your CSS you will need to add: .js .active-nav .content-wrap, .active-sidebar .mask-right{ background-image: url(‘http://dappledthings.me/wp-content/uploads/2013/07/bg4.png’) !important; } .off-canvas-nav {background: url(‘http://dappledthings.me/wp-content/uploads/2013/07/bg4.png’)important;}
site is loading fully zoomed in on mobile devices
<?php $the_query = new WP_Query(“showposts=6&cat=1&orderby=rand”); while ( $the_query ->have_posts() ) {$the_query ->the_post(); $i++; if ($i == 1){echo “<div class=row-fluid>”;} ?> <div class=”span4″> Random Post <?php echo $i ; ?> </div> <?php if ($i == 3){echo “</div><div class=row-fluid>”;} if ($i == 6){echo “</div>”;$i=0;} } wp_reset_postdata(); ?>
I think the paths to your images specified in custom-header.php aren’t correct. You can use home_url() to specify this path if necessary, eg
You can do this by using conditionals for mobile ie: wp_is_mobile() Define both the sizes like add_image_size( ‘featured-cat’, 248, 110, true ); //featured-cat add_image_size( ‘featured-cat-mobile’, 200, 80, true ); //featured-cat mobile and edit the code like the below:– <?php echo ‘<div class=”featured-thumbnail”>’; if( wp_is_mobile() ) the_post_thumbnail(‘featured-cat-mobile’,array(‘title’ => ”)); else the_post_thumbnail(‘featured-cat’,array(‘title’ => ”)); echo ‘</div>’; ?>