[NathanBWeller]

Hey thanks for the quick response braddalton. I'll give your tutorial a try and report back later this week. Unfortunately I've got some other work I have to do at the moment. This looks promising though!

[NathanBWeller]

Perfect! Made that change and now it works exactly like I was hoping it would. Thank you again for sticking with me!

[NathanBWeller]

First of all, I'd just like to say that I'm really appreciative of you for offering up your advice and fixes. I want to make sure you know I'm not trying to be adversarial when I report back that a fix you gave isn't working for me.

I created a little screen capture video to show you what is going on since I don't appear to be able to explain it.

http://www.youtube.com/watch?v=q53vT1nmtvw

I think it is pretty clear that the color of the header when stationary is a plain grey. When I begin to scroll the color changes to a blue-grey.

And just so we are clear. Yes, I have cleared my browser cache. I do not have a caching plugin installed on my website. And the code has not changed or been altered beyond the fixes we have discussed in this thread.

[NathanBWeller]

I'd actually like to keep the transparency effect. It does not appear to be the issue. If you notice, at the moment (with code change you just recommended), the color changes when you begin to scroll down the page from plain gray to blue-gray.

http://www.wonderkinweekly.com/storytelling-rights/

My ideal would be for the header to always be blue-gray when stationary and become a transparent blue when scrolling.

I had achieved this affect last night by simply changing the rgba code but for some reason when I logged back in today the color had reverted.

[NathanBWeller]

I want it to be blue-grey.

[NathanBWeller]

Hi Krishan and emasai,

I do not have a caching plugin installed, let alone activated. So that is not the problem.

Here is the full code for my header:

/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.site-header,
.single-post .site-header.shrink,
.site-header.shrink {
	background-color: rgba(21,25,56,0.5);
}

.single-post .site-header  {
	background-color: transparent;
}

.site-header,
.single-post .site-header.shrink,
.site-header.shrink {
	position: fixed;
}

.admin-bar .site-header.shrink {
	top: 32px;
}

.site-header .wrap {
	padding: 40px 0;
}

.header-image .site-header.shrink .wrap,
.site-header.shrink .wrap {
	padding: 10px 0;
}

Krishan, when I added that bit you gave me it brought the sticky feature back. Thanks! (Still not sure why it would have stopped working in the first place.)

I think you can see now, particularly on this page (http://www.wonderkinweekly.com/storytelling-rights/), that when you scroll down the sticky header/menu has a noticeably different color than it does before the scroll. It goes from a plain gray to a transparent blue. It also has a bit of hitch in the animation that wasn't there before.

[NathanBWeller]

Oh yeah, I meant to remove that earlier because it didn't do anything to solve the problem. I just deleted the exclamation point and re-saved. Unfortunately I'm still not seeing the right color.

[NathanBWeller]

Yeah I decided to keep it rgba because I like the opacity effect when scrolling on posts 🙂

[NathanBWeller]

Thank you! That worked perfectly. I guess I just didn't realize what was going on with the rgba code. Now that I do, I'm tinkering away.

[NathanBWeller]

Hey braddalton, here's the link: http://nathanbweller.com/course/a-story-in-twelve-parts/

[NathanBWeller]

Hello All,

I'm in the process of publishing a course with Sensei and I'm having some basic layout issues. The sidebar on my lessons and courses keeps getting bumped down below the content. Apparently this is a common problem and there is an ALMOST helpful tutorial in the sensei documentation under the heading "Adjusting the Wrappers" (at the bottom). Except that the code snippets I need to use are written for Canvas and I'm not sure how to adapt them for Genesis with the Prose child theme.

Any help would be much appreciated!

Best,

Nathan B Weller

[NathanBWeller]

Thanks!

[NathanBWeller]

If you figure that out, please post here too 🙂

[NathanBWeller]

Hey BeltofTruthSteve - Yeah, I found another thread where the following code was used. As you mentioned above, it worked for me! Hope it helps you too 🙂

#subnav .wrap {
display: table;
margin: 0 auto;
width: auto;
}

[NathanBWeller]

Hey so I'm back. I'm now attempting to center the elements in my secondary nav menu and once again, not having any luck. I tried using the css you wrote above but it doesn't seem to be working.

[NathanBWeller]

Once I had a chance to see the nav in the center I opted to get rid of it altogether. But thanks for the help! The margin tips worked perfectly 🙂

[NathanBWeller]

That worked, thanks!

[NathanBWeller]

Sorry about that. Turned off.

[NathanBWeller]

Ah, thank you so much!  I subbed in the code you told me instead of what I copy and pasted from the tutorial and it's working wonderfully.

[Author]

Posts