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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter nadafouad

    (@nadafouad)

    https://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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It looks horizontal to me https://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;}

    Thread Starter nadafouad

    (@nadafouad)

    @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

    Thread Starter nadafouad

    (@nadafouad)

    @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.