[jgk]

Hi Brad, Thank you for your help. For some reason the title isn't appearing on the blog page:

http://macarena.studioissa.com/blog/

Even though the page is named "blog" when I edit the page. I'm using a modified version of the centric theme.

Is there any more info I can provide to solve this mystery?

Thank you for your assistance!

[jgk]

Thanks so much Christoph, that helped!
-J

[jgk]

but the header and menu from agentpress pro

[jgk]

I think I need the widgets because the client is wanting below the featured widget/ upper part of the page to look like this:

http://my.studiopress.com/themes/daily-dish/#demo-full

[jgk]

Basically, my client likes the way the top of agent press looks above the fold, but below the top, wants it to look like a regular blog.

Thank you.

[jgk]

Hi Jamie,

I'd like all the widgets to be inside of the main content, except the featured widget are and the footer.

Thank you!

Jay

[jgk]

Found the solution here:

http://css-tricks.com/centering-percentage-widthheight-elements/

[jgk]

Hey Jeremy, Thanks for the help, but don't worry about it: I'm disabling the javascript and fixing it w/ css.

Thanks,

Jay

[jgk]

Whoops, I was pasting the incorrect java script. here it is:

jQuery(function( $ ){

	$('.site-header').addClass('front-page-header');
	
	$('.footer-widgets').prop('id', 'footer-widgets');

	$(".nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>');

	$(".responsive-menu-icon").click(function(){
		$(this).next(".nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu").slideToggle();
	});

	$(window).resize(function(){
		if(window.innerWidth > 800) {
			$(".nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu, nav .sub-menu").removeAttr("style");
			$(".responsive-menu > .menu-item").removeClass("menu-open");
		}
	});

	$(".responsive-menu > .menu-item").click(function(event){
		if (event.target !== this)
		return;
			$(this).find(".sub-menu:first").slideToggle(function() {
			$(this).parent().toggleClass("menu-open");
		});
	});
	
	// Local Scroll Speed
	$.localScroll({
		duration: 750
	});

	// Sticky Navigation
	var headerHeight = $('.site-header').innerHeight();
	var beforeheaderHeight = $('.before-header').outerHeight();
	var abovenavHeight = headerHeight + beforeheaderHeight - 1;

	$(window).scroll(function(){

		if ($(document).scrollTop() > abovenavHeight){

			$('.nav-primary').addClass('fixed');

		} else {

			$('.nav-primary').removeClass('fixed');
			
		}
		
	});

});

[jgk]

Hi Jeremy, Thank you, I'm trying to make ".front-page-header" like 15% bigger vertically. Here's the site: http://osof.studioissa.com/

[jgk]

Thank you Brad,

The file is named welcome-page.php, the template is named

<?php
/**
/*
* Template Name: Welcome Page
*

It is selected under page attributes.

Here's a screenshot of when I'm signed in:
https://www.evernote.com/shard/s3/sh/4188de40-f020-44a4-95b5-c35bd2218b5c/6a05f751d5d3895c52a724ec60dc6362

Here's a screenshot of when I'm using incognito mode:
https://www.evernote.com/shard/s3/sh/25cf77ff-36a2-49e0-8b76-d4ed774ed583/c6a5ca54d9184865c846b9411fdf18be

Here's the gist of welcome-page.php: https://gist.github.com/jaygidwitz/0bff575deecd0ad9038c

Here's the gist of my functions.php: https://gist.github.com/jaygidwitz/87ecd2762cd27e6509e5

I have no idea why it's doing this.

Thank you!

Jay

[jgk]

I've attempted to follow the instructions here:

http://wpsites.net/web-design/custom-page-template-widgets/

But it's still 404'ing it.

[jgk]

Hi Anita, Thank you!

That didn't work, though. Now the home page root domain is still showing up as the genesis widgetized home except the title is now "enter" up at the top of the chrome tab.

http://necronomicon.studioissa.com/

Any other thoughts? I think I would somehow need to edit the child theme files.

[jgk]

Hey so I'm trying to add a div that surrounds both the widgets and footer, so that I can make a single background image that covers both of them. Here's what I have so far for functions.php:

//Add foot div to enclose
function wpsites_add_div() {
echo '<div class="foot">';
};
/**
* @author Brad Dalton
* @link http://wp.me/p1lTu0-9Wx
*/
add_action('genesis_after_content_sidebar_wrap', 'wpsites_add_div');

//Remove Existing Footer
remove_action( 'genesis_footer', 'genesis_do_footer' );

//Add in new Widget areas
function genesischild_extra_widgets() {
genesis_register_sidebar( array(
'id' => 'footercontent',
'name' => __( 'Footer', 'genesischild' ),
'description' => __( 'This is the general footer area', 'genesischild' ),
'before_widget' => '<div class="footercontent">',
'after_widget' => '</div></div>',
) );
}

add_action( 'widgets_init', 'genesischild_extra_widgets' );

//Position the Footer Area
function genesischild_footer_widget() {
genesis_widget_area ('footercontent', array(
'before' => '<div class="footercontainer">',
'after' => '</div>',));
}

It isn't working because genesis is automatically closing the div.foot. Is there any way around this?

[jgk]

Thanks Brad how do I do that?

Thanks so much.

Jay

[jgk]

Thank you Chris! That fixed it! Thanks so much.

I'm having one tiny issue I didn't mention initially, here's a screenshot: https://www.evernote.com/shard/s3/sh/0f94fabb-7299-45df-b4b1-6005b201506b/961c91469093c66ad452187c0349cd4b

Basically at certain browser widths due to the size of the words one of the boxes is becoming larger than the other. This pushes down the enclosing div and makes a white line.

I know I can set the height of the boxes with media queries but would there be a simpler solution to avoid this?

Thanks so much!

[jgk]

Hi Tom,

Thanks for letting me know. I haven't been able to replicate your issue in browserstack. Hopefully it's one of your plugins in chrome causing the issue. Thanks for the heads up.

We asked our developer to fix it after posting in the forums a few times. I believe the following jquery is solving the problem:

(function stickyFooter($){

function stickToBottom () {

var $footer = $('.foot');

// If the body is smaller than the window
// stick the footer to the bottom

if($(window).height()>$('body').height()) {

$footer.css({
'position':'fixed',
'bottom': 0,
'width': '100%'
});

} else {
$footer.removeAttr('style');
}
}

// On DOM Ready on pages without Envira Gallery
if ($('.pd-dynamic-footer').length === 0) {
stickToBottom();
// On Resize
$(window).resize(stickToBottom);
}
})(jQuery);

I add the class "pd-dynamic-footer" to the body of the offending pages.

[jgk]

Hi Tom, Thanks so much. I thought it was fixed. What browser are you using that it loaded strangely on?

It's working for me now on chrome for mac.

Thank you!

Jay

[jgk]

Yes, thanks for the suggestions, still have a lot of code to clean up!

I had been trying make the footer stick to the bottom of the page the previous day. Chrome remembered to stay slightly zoomed on that page from the previous day, so it was showing up as broken to me when in fact it wasn't.

[jgk]

Thanks I figured it out. Thanks so much. Jay

[Author]

Posts