[Ted]

Hi Eli,

Yeah, I always like being able to have a slider on the homepage too. I'm a little weak in PHP so I can't guarantee the code, but I've also been tweaking the new theme a bit. This is what I've added to the functions.php

/** Add the featured image section */
add_action( 'genesis_after_header', 'minimum_featured_image' );
function minimum_featured_image() {

if ( is_home() ) {
printf( '<div %s>', genesis_attr( 'home-slider' ) );
genesis_structural_wrap( 'home-slider' );

genesis_widget_area( 'home-slider', array(
'before'=> '<div class="home-slider widget-area">',
'after' => '</div>',
) );

genesis_structural_wrap( 'home-slider', 'close' );
echo '</div>'; //* end .home-slider
}
}

And registered the widget area.....

//* Register widget areas
genesis_register_sidebar( array(
'id' => 'home-slider',
'name' => __( 'Home Slider', 'minimum' ),
'description' => __( 'This is the homepage slider section.', 'minimum' ),
) );

and that did the trick. I did remove the background image code on front-page.php but you could do that too.

You can see my modification here: http://themes.imageperceptions.com/mpro4/

One thing I am curious about. Where did you get that image? (City Center in Vegas)

[Ted]

Oh man, Gary, that's wild! I thought that was the first thing I had tried today, but just tried it again and it worked like a charm!

Obviously I must've been sleeping on the job. Thanks for waking me up, man!

Ted

[Ted]

Very cool! Is it set up for mobile as well?

[Ted]

Just to followup. I've added similar code for each category, to the page-title.php file:

elseif ( is_category(beauty)|| is_singular() ) {
echo '<div id="page-title"><div class="wrap"><p>' . __( 'Beauty News, Tips and more...', 'minimum' ) . '<a class="page-title-button" href="http://feeds.feedburner.com/ImagePerceptionsInc">' . __( 'Subscribe', 'minimum' ) . '</a></p></div></div>';
}

There are 9 categories that this applies to. I was hoping to figure out code that would just require one piece of code that would just automatically grab the category name so there wasn't so much repetition in the code.... but this does what I need.

[Ted]

Check out this article by Brad Dalton. It offeres a way to make the main nav sticky in a very simple way. Would just take some modification to use this method as the header.

http://wpsites.net/web-design/how-to-make-your-nav-menu-sticky/

 

[Ted]

Hi Chris,

Thanks for your message. Actually I was able to determine the css fix to take care of this. New it was something simple, but for some reason I just kept missing it!

Thanks again, Chris,

Ted

[Ted]

This isn't exactly what you're looking for, but I used Brian Gardner's Sticky Menu code to add that to Minimum.

Then I used CSS to make sure it didn't display on mobile.

#subnav {
display: none;
}

Here's a Minimum site I've added it to: http://tavphoto.com

Here's Brian's code: http://www.briangardner.com/sticky-menu/

[Ted]

Very cool, thanks for all your input!

[Ted]

Thanks for taking a look at the site, I appreciate the comments, man!

Also thanks for the tip on Soliloquy. Does it do full width formats? I imagine it probably does, huh?

Thanks again!

[Ted]

Found an awesome slider that pretty much resolved my issue.

Slideshow by Stefan Boonstra

http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

• It's responsive
• allows you to have full width (stretch) slide shows
• Great admin page with a lot of customization options
• no need to create posts to use the featured images. You just add the photos directly to the slide show.

Anyway, it's got lots of other cool features and yes, it's free. 🙂

I didn't end up using it on my jazz site, but I did add it to my photography site that also uses a modified Minimum 2.0 theme.

http://tavphoto.com (warning, no nudity, but does contain lingerie shots)

[Ted]

Thanks so much for the reply. I tried adding that to the the theme's css and the plugin css as well, but no luck.

The Genesis Responsive Slider settings require's width and height to be entered in pixels. I don't know if that makes this not doable with this slider.

[Ted]

Very nice, Ryan!

[Ted]

Geeez, why didn't I think of that! That's perfect, Ryan!

[Ted]

This wouldn't be total fix for you, but might satisfy the client. (probably not, but here goes...)

I've been setting it up so when a mobile responsive site is being viewed on a smart phone, a prominent button is displayed on the home page saying something like, "Click to call now!"  It won't show up on desktops, laptops or even tablets/iPads. Only on smartphones.

I created a new widgeted area called home-mobil-call, and in the css I would add this:

#home-mobile-call {
display: none;
}

Then add the styling in the @480 section of the css.

You can go here to see an example of it on my web biz site: http://imageperceptions.com/responsive/

Like I said, it's not the perfect solution for your deal. People  ignore the click-2-call button and transcribe the other phone number on the site. Don't know why they would, but the client might bring up that scenario.

Hope this helps, 🙂

[Ted]

Just to followup, I was able to edit the css in the @1024 section of the style sheet.

It was actually a pretty simple fix of just having to address any code that pertained to the #header, .header-image and #title-area. Don't know why it seemed like such a mystery before!

Thanks again, Anita for your effort here! I appreciate it!

🙂

[Ted]

Yeah, you could modify the functions.php, home.php and style.css to add/modify the widgeted areas. My PHP chops are sketchy at best, but I'll do this kind of stuff from time to time.

If you're not comfortable digging around in there, Keith Davis did a review on a couple of plugins that help you modify the design of your genesis site.

You can read his post here:

http://www.wmwebdesign.co.uk/dynamik-website-builder-for-genesis-or-the-genesis-extender-plugin/

[Ted]

Wish I could offer a solution, but everything looks fine to me. I've looked at the site with (Mac)  Chrome, Safari and Firefox. I even checked it at http://studiopress.com/responsive/ and of course the formatting changed but nothing looked 'wrong.'

What browser/OS is your client using?

[Ted]

Yeah, that's an awesome plugin. I'm using it on that site and the screen sizes that the plugin addresses (240, 320, 480, 768) all look perfect. It's just the logo seen at 1024 (iPad landscape) that looks stretched and the lower part is behind the menu.

Thanks for your reply, very much appreciated, Anita! 🙂

[Ted]

Hi Anita,

Thanks for the quick response! Yeah, I had read that a while back, and have been editing the css for some of the different device sizes, but for some reason this one just has me stumped.

 

[Ted]

I took the URLs out of my post and it went through.

[Author]

Posts