Sridhar Katakam

Genesis and WordPress Tutorials

  • Thanks for another great tutorial Sridhar. I’ve just finished using this code for the header of my own website and with a few tweaks to the stylesheet, everything worked great. I’ve been wanting to use this type of header for a while and finding your tutorial made it happen sooner rather than later.

    -rd

    Reply

    • Should be straightforward. You can drag a Custom Menu widget in the ‘Header Right’ widget area and below that, search widget and a text widget (or a login widget via plugin).

      Reply

      • Hi Jennifer,

        Thank you! I still need to fix the positioning of the secondary nav. What i did was added position:relative; then i added top: __ px; left: __ px; to align the way i wanted it too for both the primary nav, and the secondary nav. You will have to play around with each, sometimes it might be a negative value to align it correctly or a positive. I also made my header and footer full width. This is why the primary nav is alot bigger than the secondary nav i think. I am still in the process of fixing the secondary nav. If i come up with an easier way to do this i will post. I hope this helps you.

        Kelley

        Reply

        • Opps sorry i forgot that i fixed the secondary nav to fit the same size. I ended up having duplicate code throughout my css and when i got rid of it it helped me with the sec nav size. Sorry to be confusing

          Reply

          • Not confusing at all…thank you so much for taking the time to help. I’m going to continue playing around with mine and hopefully I’ll get it! 🙂

  • Hi Sridhar,

    Thank you for the great tutorials. I am using Dynamik for Genesis and after I copied the suggested code to the Custom Functions field and the CSS in the Custom CSS Field; my secondary navigation is not on the same level as he primary nav and site title; the secondary nav appears right below the primary nav like this: http://bit.ly/1pooEWR

    I wonder if I miss anything; any help would be greatly appreciated.

    Thank you very much 🙂

    Reply

  • I’m sorry if this is a weird question, but I’m still learning about coding.. where exactly does the HTML output information go? Thanks!

    Reply

    • The HTML output doesn’t go anywhere; it is just there to show you what the HTML will look like if you were to view the source on your website after making the changes.

      Reply

  • hello! this works great, thanks! i have a problem however, i can’t seem to figure out how the site description could go underneath the logo 🙁

    function sk_do_header() {

    do_action( ‘genesis_site_title’ );
    do_action( ‘genesis_site_description’ );

    }

    right now it goes on top of the secondary nav on the right 🙁 any help would be appreciated. thank you!

    Reply

  • I looked at both your methods and found this one worked the best in my application. Responsively, etc. all worked fine except it has the nav first then the logo. Is there a conditional for viewport that would allow the logo first then the nav hamburger icon? when i switch it in the functions by using priorities, it makes the logo come first, then the 2 nav bars which obviously isn’t right either. thanks for any help.

    theresa

    Reply
    • >