Full screen overlay nav- how to insert into wp template

  • Hello!

    I am very new to WordPress theme building.

    I am working on a basic theme based on Zurb Foundation 5 and I would like to add to it a full-screen overlay menu like.

    I have found this script on code pen-

    https://codepen.io/anon/pen/wMPJqm

    however when I try to add it to my pages it does not work…

    Would anyone be able to explain which part needs to go where?

    Many thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)

  • To use this code, you really should be creating a Child Theme for any changes, as when the main theme updates, all the changes you may have made to the main theme will be lost.

    After creating the basic child theme, you would have to know the templates used to create the page you want to put the code in, as well as a copy of the footer.

    The HTML would go in your child theme page, where-ever you want it.
    The CSS would go in your child theme css (styles.css).
    The JS would go in your child theme footer.

    Thread Starter Izzy3

    (@izzy3)

    Thanks for your reply.

    I tried breaking it up like this but it does not work…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Full screen overlay nav- how to insert into wp template’ is closed to new replies.