Sridhar Katakam

Genesis and WordPress Tutorials

  • That is great, and thank you for the write up. I was thinking to use the bottom section as a navigation panel, then turn the “show” “hide” into a hamburger icon for Show and a cross icon for hide. Maybe for one of your next write-ups you can shed some light in remove_action for the nav, placing it in the fixed footer, and using the icons described above for the show/hide.

    (For reference I have not put much thought on how the navigation will react in responsive mode in Dynamik with this setup)

    Reply

  • Thank you for this post! I’m wondering about doing something similar on the top of the page, but would like the default to be closed, and the link for “Show” to be inside the header widget. Is that possible?

    Reply

  • And if you didn’t want the “Show” label, I guess you would just not include lines 13-14?

    label.html( ‘Hide’ );
    }

    Reply

  • Hi Sridhar

    Thanks for this, its just what I needed, but just one query, how can I set it to load initially in the closed state?

    Many thanks

    Reply

    • Hi,

      Make these changes.

      1) In sk_bottom_section_switch() change

      change

      echo '<div id="bottom-section-switch"><a class="show-switch" href="#">Hide</a></div>';

      to

      echo '<div id="bottom-section-switch"><a class="show-switch" href="#">Show</a></div>';

      2) In bottom-section-switch.js add

      $("#bottom-section").hide();

      above

      $(".show-switch").click(function(event) {
      Reply
    • >