[CJWheels]

Nope. In the past, I was able to choose Navigation Extras from my Genesis theme settings. Why do I not have that option on this install? Is there a way to get it back?

[CJWheels]

If you just keep on digging, you get to the bottom of it. Here's what I did for anyone else who comes across this:

Removing the following lines from "centric-pro/js/home.js" will stop if from resizing so you'll be able to set the wrapper size in the theme:

$('.home-featured .wrap') .css({'height': (($(window).height()))+'px'});
$(window).resize(function(){
$('.home-featured .wrap') .css({'height': (($(window).height()))+'px'});

Then I added this to the .home-featured .wrap

height: 640px;

There ya go 😉

[CJWheels]

I could not figure out why the client kept asking me to tighten up the .home-featured .home-widgets-1

FINALLY went to screen fly: http://quirktools.com/screenfly and checked out the site on 24" monitor (which is what she is on)

Why does the padding expand considerably when you jump to the 23 or 24" monitor?

Is that padding variable to size? I feel stupid even asking that. What am I missing?

[CJWheels]

Thank you SO much! That did the trick: http://momsmack.com/

Is there any good resource for the new hooks?

Cynthia

[CJWheels]

FWIW, I figured out the issue. I had added a border bottom to the .site-header

When I took it out, that fixed the Safari issue. Not sure why this is the case, but there it is if anyone else has this problem.

🙂

[CJWheels]

OMG...super easy fix!

.footer-widgets .archive, .footer-widgets .post {
display: inline;
padding: 2%;
width: 100%;
}

And we're done! http://creating.howtorockyourblog.com/uncategorized/

[CJWheels]

I found this: http://wpsites.net/web-design/archive-page-grid-style-columns-using-css/

Which I love the idea of just doing this with CSS.

I have it now on the site, but it's affecting the footer, which is using the feature posts widget.

I tried doing this:

.footer-widgets .archive .post {
display: inline-block;
padding: 2%;
width: 100%;
}

but it didn't work. Thoughts on correcting the footer?

[CJWheels]

I'm comfortable using the php and css. I just want all category archives to show as a photo grid, while still inheriting the sidebar and not affecting the footer. Can't find the right tutorial that does that.

[CJWheels]

This ended up being super easy. All I had to do was add:

.site-header .wrap {

margin: 0 auto;

max-width: 100%;

}

To the site header section. Done and done 🙂

[CJWheels]

Worked perfectly, thanks so much!

[CJWheels]

I think I got it!

I added this code:

.home-top .widget {
float: left;
}

and boom...side by side. It works, so that makes it right...yes?

Thanks
Cynthia

[CJWheels]

Since this is still open, I have a quick css question on it. It has been loaded to the live site: http://www.thesitsgirls.com/

How do I make these three added widget boxes stack one beneath the other on mobile instead of how they are currently lining up? I thought adding this to the Media Queries would do the trick, but it does not:

.featured-one .widget,

.featured-two .widget,

.featured-three .widget,

.footer-widgets-1,

.footer-widgets-2,

.footer-widgets-3,

.wrap,

#footer .creds,

#footer .gototop,

#header .widget-area,

#inner,

#title-area,

#wrap .sidebar,

#wrap #content,

#wrap #content-sidebar-wrap,

#wrap #sidebar-alt {

width: 100%;

}

What am I missing?

Thanks
Cynthia

[CJWheels]

I'm on one of those now. March, march, march;)
C

[CJWheels]

Isn't it just the way, you jump through the hoops, and then the client wants it back in the sidebar!

Thanks for your help anyway:)
Cynthia

[CJWheels]

I knew I was missing something easy. Sometimes you just need a second set of eyes.

Thanks!
Cynthia

[CJWheels]

That TOTALLY did the trick Brad! Thank you SO much!

http://testsite.howtorockyourblog.com/

You're the best!
Cynthia

[CJWheels]

Hi Brad, that would work if the widgetized area was in the header. It's actually in the navbar. It should look like this: http://testsite.howtorockyourblog.com/wp-content/uploads/2013/12/touratlanta.png I used the same tutorial on this site and it worked perfectly. I can't for the life of me figure out why I can't get it to line up on this site: http://testsite.howtorockyourblog.com/

Any thoughts?
Cynthia

[CJWheels]

I may just use Elegant Theme for this project. Bummer, because I like Genesis. They seem to want this exact function/look.

Thanks so much for your help!
Cynthia

[CJWheels]

Not really. The client has OK'd the site, but for my own reference, I'd like to know if what I want is doable. Does what I'm asking make sense?

[CJWheels]

I must have just needed to walk away for a moment, this is what totally worked for me in the theme functions:

/** Register 4 New Widgets Before Content Front Page News Theme */

genesis_register_sidebar( array(

'id' => 'featured-one',

'name' => __( 'Featured 1 - After Header', '$text_domain' ),

'description' => __( 'This is the featured 1 section.', '$text_domain' ),

) );

genesis_register_sidebar( array(

'id' => 'featured-two',

'name' => __( 'Featured 2 - After Header', '$text_domain' ),

'description' => __( 'This is the featured 2 section.', '$text_domain' ),

) );

genesis_register_sidebar( array(

'id' => 'featured-three',

'name' => __( 'Featured 3 - After Header', '$text_domain' ),

'description' => __( 'This is the featured 3 section.', '$text_domain' ),

) );

genesis_register_sidebar( array(

'id' => 'featured-four',

'name' => __( 'Featured 4 - After Header', '$text_domain' ),

'description' => __( 'This is the featured 4 section.', '$text_domain' ),

) );

/** Hook In 4 New Header Widgets Sitewide */

add_action( 'genesis_before_content_sidebar_wrap', 'featured_widgets_inline' );
function featured_widgets_inline() {

if ( ! is_front_page() )

return;

if ( is_active_sidebar( 'featured-one' ) || is_active_sidebar( 'featured-two' ) || is_active_sidebar( 'featured-three' ) ) {

printf( '<div %s>', genesis_attr( 'featured-widgets' ) );

genesis_widget_area( 'featured-one', array(

'before' => '<div class="featured-one widget-area">',

'after' => '</div>',

) );

genesis_widget_area( 'featured-two', array(

'before' => '<div class="featured-two widget-area">',

'after' => '</div>',

) );

genesis_widget_area( 'featured-three', array(

'before' => '<div class="featured-three widget-area">',

'after' => '</div>',

) );

genesis_widget_area( 'featured-four', array(

'before' => '<div class="featured-four widget-area">',

'after' => '</div>',

) );

echo '</div>';

}

}

Thanks so much for your help Brad! http://creating.howtorockyourblog.com/
Cynthia

[Author]

Posts