• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

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

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Insert an image or HTML code into the Serenity Subnav Bar instead of Menu Links

This topic is: not resolved

Tagged: serenity

  • This topic has 10 replies, 3 voices, and was last updated 9 years, 12 months ago by weslinda.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 26, 2013 at 2:00 pm #31396
    Carla
    Participant

    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!

    March 27, 2013 at 5:46 am #31484
    Anita
    Keymaster

    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.


    Love coffee, chocolate and my Bella!

    March 27, 2013 at 2:38 pm #31599
    Carla
    Participant

    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.

    March 27, 2013 at 4:32 pm #31610
    Anita
    Keymaster

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


    Love coffee, chocolate and my Bella!

    March 27, 2013 at 6:46 pm #31632
    Carla
    Participant

    That would be awesome. Thank you.

     

    March 27, 2013 at 7:16 pm #31633
    Anita
    Keymaster

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


    Love coffee, chocolate and my Bella!

    March 27, 2013 at 8:09 pm #31647
    Anita
    Keymaster

    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.


    Love coffee, chocolate and my Bella!

    March 27, 2013 at 9:03 pm #31656
    Anita
    Keymaster

    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.


    Love coffee, chocolate and my Bella!

    March 27, 2013 at 9:38 pm #31661
    weslinda
    Member

    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!

    March 27, 2013 at 11:32 pm #31673
    Carla
    Participant

    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?

     

    March 31, 2013 at 7:13 pm #32374
    weslinda
    Member

    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
Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble