WordPress.org

Ready to get started?Download WordPress

Forums

Max Magazine
Repeating Primary Nav in the footer (7 posts)

  1. Tinwetari
    Member
    Posted 12 months ago #

    Hi, I want to have the main navigation in the header and at the bottom of the website. I copied the nav coding from the header into the footer, but once it gets to the mobile version, it creates two menu boxes at the top. Each box repeats the menu twice.

    I've tried duplicating all the #nav styles and renaming it #footer-nav. I've tried taking this new CSS id and adding it to the custom.js file, but that's just a mess.

    Has anyone succeeded at this?

  2. zlajaa1
    Member
    Posted 12 months ago #

    Do you have URL of the site?
    From this point of view it could be solved, but I would like to see the site first.

  3. Tinwetari
    Member
    Posted 12 months ago #

    http://www.nouveauxgraphics.com/HR

    I reverted everything back to normal for now (duplicating the CSS styles and naming it #footer-nav). However, the sub navigation doesn't work on the first link in the footer.

  4. Tinwetari
    Member
    Posted 12 months ago #

    I remember adding a utility nav menu in my functions file, which caused me to choose two different menus in the "Customize" toolbar. I thought that might be important to note.

  5. zlajaa1
    Member
    Posted 12 months ago #

    The problem seems to be in your copying of navigation. In first
    <ul> in the second navigation miss a class .sf-js-enabled. Try that.

    Note: this is fast answer I didn't have time to look closer. Will do that ASAP

  6. Tinwetari
    Member
    Posted 11 months ago #

    I'm not sure what you want me to do.

    I don't see the class "sf-js-enabled" anywhere in either the header or the footer navigation ul when I click on "view source". I also did a search within the

    How do I get the footer-nav id to register this? I've tried adding #footer-nav .sf-js-enabled to my CSS, but I don't know what to put within the brackets.

  7. zlajaa1
    Member
    Posted 11 months ago #

    Just add .sf-js-enabled in code not css. This class is build in superfish.js file so it is not a css class it is a sort of functional class more than one that is used for styling.

Reply

You must log in to post.

About this Theme

About this Topic