WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] List_pages issue (2 posts)

  1. mitchrenton
    Member
    Posted 4 years ago #

    I'm looking to use sIFR text replacement for my navigation and think it would be far easier if I could list the pages as h3 instead of li. Is there an easy way to do this? I've tried a few times but the code i've used doesn't work.

    Any help?

  2. ThaClown
    Member
    Posted 3 years ago #

    Hello,

    I was trying to include sIFR 3 in a dropdown navigation as well, and had the same problem.

    My solution is to declare sFIR to the individual page-item classes for every nav item...

    When I declare sFIR to be used for:
    ul#dropmenu li.page-item-5 a
    (page-item-5 is a nav item with a dropdown)
    All the links in the dropdown get hidden by sFIR!

    The problem was that sFIR adds a
    .sIFR-active ul#dropmenu li.page-item-5 a { visibility:hidden; }
    And this will make all a links below the first li.page-item-5 a hidden!

    To fix this just add:
    .sIFR-active ul#dropmenu li ul li a { visibility:visible; }
    To the bottom of your CSS file, this makes all li items below another li item visible again.

    So now you can use sIFR for the main nav items and still use Multi-level Navigation!

    EXAMPLE (my code in WordPress for the WP sIFR plugin):
    ul#dropmenu li.page-item-2 a, ul#dropmenu li.page-item-5 a, ul#dropmenu li.page-item-6 a, ul#dropmenu li.page-item-138 a, ul#dropmenu li.page-item-7 a, ul#dropmenu li.page-item-174 a

    Extra code below my style.css:
    .sIFR-active ul#dropmenu li ul li a {visibility: visible;}

Topic Closed

This topic has been closed to new replies.

About this Topic