WordPress.org

Support

Support » How-To and Troubleshooting » Again:Horizontal footer menu

Again:Horizontal footer menu

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    Can you post a link to the website with the problem?

    http://tbs-madinaty.com/test/

    However, i removed all extra code that i put, and just tried again with the Dropdown Menu widget. It also isnt working right (it just groups the menu items that i have together and doesnt align them horizontally like i think it should.

    thanks

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    It looks horizontal to me http://awesomescreenshot.com/0f6t8ji2d

    You can use the CSS property float: left; instead of display inline.

    Something like

    ul.navmenu li {
         float: left;
         margin-right: 10px;
    }

    Btw you need to fix float containment using hacks like a clearfix or creating a div with the class clear

    It will look like:

    <ul class="navmenu">
    <?php wp_list_pages( 'title_li=' ); ?>
    </ul>
    <div class="clear"></div>

    And css:
    .clear {clear:both;}

    @andrew:
    Apparently its a browser issue!!! IE and firefox display them condensed whereas when i tried chrome it did display it horizontally!!havent tried it using safari though!

    How could this be fixed then!? Would using the above code fix it for all browsers?

    Thanks

    @jhonb, where exactly would these code snippets be placed? tried footer.php and style.css but nothing worked.

    Any idea why this works well chrome only (without changing or adding new code).

    thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Again:Horizontal footer menu’ is closed to new replies.
Skip to toolbar