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

Community Forums 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: 

This topic contains 10 replies, has 3 voices, and was last updated by  weslinda 1 year, 3 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #31396

    Carla
    Participant
    Post count: 15

    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!

    #31484

    anitac
    Participant
    Post count: 6992

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #31599

    Carla
    Participant
    Post count: 15

    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.

    #31610

    anitac
    Participant
    Post count: 6992

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


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #31632

    Carla
    Participant
    Post count: 15

    That would be awesome. Thank you.

     

    #31633

    anitac
    Participant
    Post count: 6992

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


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #31647

    anitac
    Participant
    Post count: 6992

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #31656

    anitac
    Participant
    Post count: 6992

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #31661

    weslinda
    Participant
    Post count: 193

    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!

    #31673

    Carla
    Participant
    Post count: 15

    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?

     

    #32374

    weslinda
    Participant
    Post count: 193

    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!

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.