[socialspark]

Thank you so much, Victor, that did the trick!
The only thing I had to improvise is that the instructions provided by StudioPress gave the filenames as:

localScroll.min.js
scrollTo.min.js

but the ones in my folder had jquery. in front of them, so I had to change that.

I appreciate your help, I knew the answer was out there!

Fran

[socialspark]

Hey William,
Thanks for the suggestion, I thought it was a great idea...but it didn't work. 🙁
The way the menus are done in this theme are not the standard StudioPress way. I thought I could account for that and still make your suggestion work, but I couldn't. One odd thing is that all of the front page widget content comes before the genesis_before_content_sidebar_wrap hook, so I don't see a way to position the menu where I want it. I tried to replace genesis_do_subnav() with genesis_do_nav() in the page-header.php file (after also changing the necessary lines in functions.php) but nothing showed up at all. Because it's done so differently from the standard, I think you'd have to look at the theme to figure out how to do it.

So I'm still stumped! I appreciate you taking the time to help me.

[socialspark]

Thanks, William, that almost did it!

I had to go into the style.css and change the Responsive Menu section to also replace .nav-primary with .nav-secondary. The hamburger shows up now, but when I click on it I only see the first menu item and none of the others, and I can't scroll through them either. so I'm kind of stuck.

Can you help me sort out the CSS so that it works right?

Thanks again!

[socialspark]

I have cropped it to the height I want, and set the max-height. In what way would I adjust the background position? It seems like it's zooming in sometimes, but not always.

[socialspark]

I tried the code provided by @frobn above, but my header image keeps changing back randomly. You're supposed to see all of the bridge, with some of the marsh underneath, like this. It looked like that for awhile, but then it just changed back to where you only see the top of the bridge and the rest is sky. Like this. Then, after I work on it a little more, it goes back to the correct way! Here is a link to one of the inner pages: http://staging.bcolt.flywheelsites.com/support-beaufort-county-open-land-trust/

I am using Beaver Builder for the homepage and some of the inner pages.

Why could this be happening?

Thanks,

[socialspark]

This reply has been marked as private.

[socialspark]

Thanks, Brad. Changing the max-width didn't affect the sticky menu part of it, but I ended up just removing the social icons at the narrower widths and that gave me enough space at the top.

[socialspark]

Thank you, Christoph, that worked perfectly!

[socialspark]

Thanks Brad. The first solution worked, but the "Next Page" link didn't work anymore, so I used your 3rd solution, the custom function similar to the other poster's, and that worked great. Thanks!

[socialspark]

Thanks for your reply, Ren, that's a nice tutorial that I'm sure I can use, but it doesn't address what I'm looking for - how to display the Blog page title, as well as the single post titles. Thanks for taking the time to respond! 🙂

[socialspark]

Hey Ren--
I'm still trying to figure this one out without using a plugin (extender) just for one tiny code change. I hope you can help me.

Here's what I changed in the first line of the centric_post_title() function:

if (( is_page() and !is_page_template() ) || is_home() || is_single()) {

This gives me the page titles on the single blog post pages, but not on the Blog page itself. If I change the is_home() to is_page(79) to target that specific page, the page title "Blog" will show up on that page, but then all of the single blog posts listed on that page have no title at all. I tried removing the !is_page_template() as well and it returned the same result of Blog as the page title, but not titles on the posts listed below on that page.

Can you help me figure out what I'm missing here?

Thanks,
Fran

[socialspark]

Thanks, Amy! I'm going to bookmark that for future reference since it seems to come up a lot.

Fran

[socialspark]

Hey gsalam -
I ended up using Genesis Extender by CobaltApps, which is not a free plugin, but you may be able to figure out how to do the code without it. Because of how the plugin works, the easiest thing for me to do is screenshots of what I did.

First, I created 2 conditionals, one to see if it's the blog page, and the other to see if it's a post. http://note.io/1LAXWc3

Then I created a custom hook box named blog_page_title and hooked it to genesis_after_header, I selected the 2 conditionals from the dropdown box. http://note.io/1BXtrW7

Finally, I styled it with this CSS:

.site-container .blog-page-title-widget {
background: #262743 url(http://fredgrooms.com/wp-content/uploads/2015/02/blog-header-Fred.png) no-repeat;
height: auto;
width: 100%;
}

h1.blog-page-title-text {
color: #fff;
font-weight: bold;
text-align: center;
margin: 0 0 0 0;
font-size: 44px;
padding: 60px 0;
}

I had to do a lot of tweaking in the media queries as well, but depending on your image, you may not need to. I hope this helps you!

[socialspark]

Wow, Judy, thanks!

I will give this a try. I really appreciate you coming back here and following up for me. 🙂

Fran

[socialspark]

Hey Judy,
You're a bit ahead of me when it comes to the php, but I did do something like this using centric pro, I'll have to go back to that site and see what I did. I'll keep you posted!

Fran

[socialspark]

Hey @jtdatawork -
I also submitted a ticket for the "Display Feature Image for Genesis" plugin by Robin Cornett. She gave me a head start on making hers work, but I don't know anything about JS, so I'm still stuck, but maybe you can make it work! Here's what she said needed to be done to make her plugin work with Cafe Pro:

Cafe Pro adds the header image to a different location than my plugin (or probably any other theme/plugin, actually, as it is adding it to a uniquely created div). I think it's doable to use my plugin with the theme but will take some elbow grease to tweak the theme.

For instance, I'd start with moving $('.site-header').addClass('front-page-header'); from the global.js to the home.js, which will stop the theme header image from showing outside of the front page. Then you can tinker with the positioning on the .site-header element in your CSS--change it to absolute for a test, and tweak the z-index values (and ditch the white background). You'll have to go back and override it with more specific rules for the front page, and the primary nav will probably require some more work, too, depending on what you're wanting from it, but that seems to get things to start lining up for me on a test install. Hope that helps!

Let me know if you get it to work!

Fran

[socialspark]

I'm trying the plugin solution, I don't think it required any jquery install.

Thanks,
Fran

[socialspark]

Ok, thanks @braddalton. I'm just not even getting an option for anything except my logo in the options on the page. I put a full width featured image in the featured image box, but that didn't matter. I also tried the Display Featured Image for Genesis plugin, but it displayed the featured image in *addition* to the original header image, instead of *in place* of it.

I appreciate all your help!

[socialspark]

Hey Brad -
Thanks for the quick response. I just tried the plugin and it only changed out the logo on top of the header image, not the header image itself...is that what's supposed to happen, or do I just not have it set up right??

[socialspark]

I'm looking for a different header on inner pages of Cafe Pro as well. I'm mostly concerned with the pages at this point, but being able to change it on the blog posts as well down the road would probably be helpful too.

My site's on staging at flywheel right now, so it's got a password, I can PM you if you want.

Thanks!

Fran

[Author]

Posts