Insert an image or HTML code into the Serenity Subnav Bar instead of Menu Links

[Carla]

Hi,

I am using the serenity theme on the following site: http://drcarla.com/home/

Is it possible to change the purple subnav menu area I am currently using into a newsletter sign up area similar to the following web site: http://www.marieforleo.com/ (green horizontal bar with "get free tips".....)

If so, how I can I add an image and/or code to this area instead of using the menu links?

I am capable of making edits to the PHP files but I can't write code.

Thanks!

[AnitaC]

I see you added a Welcome area to the home page. You should be able to place your sign up box similar to that in a text box and drag it... say... under the 6 images you have there. Or you could add the text box above the "featured in" logos. You can set the color of the text box using css. If you add the box, come back on here, I can take a look and then tell you how to add the background color.

---

Need help with customization or troubleshooting? Reach out to me.

[Carla]

Thanks! I'm not sure if my question was clear. I want the box to be inside of the purple sub nav bar above the slider, not in the Welcome area. I'm wondering if it's possible to add code or an image into the purple area instead of using the Menu links. I'm not sure how else to word this, so I hope it is more clear.

[AnitaC]

Oh, okay. Let me see if someone with more experience at that can help. It requires more coding.

---

Need help with customization or troubleshooting? Reach out to me.

[Carla]

That would be awesome. Thank you.

 

[AnitaC]

I just sent out an SOS on Twitter. Hopefully someone will jump in here this evening.

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

Okay so here was the response, take a look at this - http://www.billerickson.net/genesis-wordpress-nav-menu-content/. I asked if the sign up boxes could be placed in there. Waiting on a reply.

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

So they got back to me and said that although it can be done, it's not the easiest customization to do. If you are set on doing it, you may have to hire a developer to do it for you.

---

Need help with customization or troubleshooting? Reach out to me.

[weslinda]

Easiest way to achieve this would be through the use of a hook.  If you added preferred HTML to the genesis_after_header hook, that would allow you to drop that in, and away you go.

Hook Reference : http://my.studiopress.com/docs/hook-reference/
Intro to Hooks : http://my.studiopress.com/docs/hooks/

To take it one step further, you could create a new widget area, and add it to the hook above.  The easiest way I've found to create new sidebars/widget areas is to use the Genesis Simple Sidebars plugin.

http://www.studiopress.com/plugins/simple-sidebars

Once you've created your widget area, you can use the Genesis eNews extended plugin to connect to your email list.

http://wordpress.org/extend/plugins/genesis-enews-extended/

Then all you would need is to style the plugin directly.

---

Loving the Genesis Life!

[Carla]

Thanks everyone! This is promising. I'll have to take a closer look when I'm not so sleepy. In the meantime, can you clarify what you mean by style the plugin directly?

I'm already using Simple Sidebars throughout my site but didn't know that they could be used outside of the Sidebar area...

So, could I also use the after header hook to insert the horizontal sign up bar above the menu (in the space in between my header and the menu) if I decide that I want to keep my subnav? Just to be clear, following this method would insert the content inside of the subnav bar area instead of above the menu? I don't have to "turn off" the menu?

 

[weslinda]

Good evening, apologies on the slow reply. Crazy end of the week and weekend.  By styling, I mean using CSS to make things look the way you'd like.  As you're adding a new area, there won't be defined styles in the theme, so you'll have to setup what you want everything to look like.

So, Simple Sidebars simply gives you an easy way to create a new widget area. Once you've created that sidebar, then you can create a function that hooks that sidebar into the location you want.

Yes, you can use the after header hook, and I would recommend that, you're not going to be able to drop it directly into the subnav with ease, nor would I recommend it.  Adding it to the after header hook will be cleaner and easier to manage long term. You would not need to turn off the menu.

---

Loving the Genesis Life!

[Author]

Posts