Sidebar/Wintersong Pro

[phillip.sims.jr]

I am trying to embed an email sign up form onto my website. I'm not sure where to put it though. It seems that the only options I have are the header right option (which is on the left side of my screen... I don't understand that) and the after entry option. When I embed the form in my header right option. I cannot scroll down to view it. I want to put it in a place that visitors can easily get to it but I'm not sure how to make this for my winter song pro theme or how to create an area to put it in. Any suggestions?

I have added a bunch of text to my website since I don't have any posts yet. Seems like I can scroll on the text just fine but I cannot scroll my sidebar down. Is this normal?

http://diathletes.com

[Marcy]

The Wintersong theme has a fixed "site-header" that appears vertically on the left for large screen sizes. It appears as a normal header on smaller screens.

Look in your style.css. You can remove the fixed site-header by finding this, near line 793:

.site-header {
    float: left;
    padding-top: 60px;
 /*   position: fixed;*/
    text-align: center;
    width: 220px;
}

Comment out the position: fixed; with /* */, as I have shown.

Adding extra content will affect how it looks on small screens though.

Your other option is to add footer widgets. Then your sign up will be at the bottom of all the posts and pages.
In your functions.php, you can add

//* Add support for 3-column footer widgets
add_theme_support( 'genesis-footer-widgets', 3 );

If you want only one widget area, you can change the 3 above to a 1. You can look at the Genesis Sample theme to get the styles to add for the footer widgets.

---

Marcy | Amethyst Website Design | Twitter

[phillip.sims.jr]

Marcy,
This is super helpful! I applied the change to eliminate the floating header and now I think I like it when it stays put even as one would scroll through my posts. But, I do want to still add a subscribe option form in that header section. When I tried to add it before, I noticed that it was out of the screen view and you couldn't scroll to get it it. Is there a way to make it so that it scrolls down a little bit so I have some room? Or, where else would you suggest me putting a subscription form?

Perhaps, I can figure out how to move the sidebar over and then create enough room for a sidebar on both sides of the page. The one on the left will be how it is and then the one on the right can have a sign up form?

I like what you are saying about the widgets at the bottom and I will definitely look into those but I want to be able to have something on the top of the page as well. I am working on a pop up but honestly don't really want that on my site. I want people to come read and not be bothered to just subscribe.

[Marcy]

The only thing I have seen specifically for Genesis is this post
http://jkoch.me/genesis-sticky-sidebar/
But it looks to me like it will behave the way you want.
In the jQuery file, you will probably want to change the .sidebar to .site-header.
And you'll need to remove it all for smaller screens.

You could use a sticky "message" bar at the very top, and use that for a newsletter sign up. Brian Gardner has one in his Mobile First theme - http://briangardner.com/mobile-first-genesis-theme/

And there is still the footer sign up option.

Anyway I answered your original question. Any additional questions should probably be in their own thread.

---

Marcy | Amethyst Website Design | Twitter

[phillip.sims.jr]

Thank you Marcy I will start another thread.

[Author]

Posts