Ready to get started?Download WordPress


[resolved] Menu not displaying correctly in IE (6 posts)

  1. amarstyle
    Posted 1 year ago #

    I have a website located at https:/amarstyle.com
    I have one issue. my site looks perfect in Firefox and other browsers EXCEPT Internet Explorer.
    The main menu does not appears correctly in IE.
    Can someone please help me fix this issue?


    Thanks in advance.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Please specify which version of IE you're seeing the issue & perhaps post a screenshot of it to help illustrate what you lack in words to describe.

  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    I think the issue is you're not setting a width style on your <li> elements of the menu. You're setting padding instead. Internet Explorer reads padding differently to other browsers, some say "wrongly". You shouldn't use padding so drastically as to replace the width style.

    I recommend you use widths and margins to space-out your navigation menu and avoid padding, but use padding where absolutely necessary.

  4. Andrew Bartel
    Posted 1 year ago #

    Lower the padding-right and padding-left until it appears on one row in internet explorer or preferably use percentages for each list item.

  5. amarstyle
    Posted 1 year ago #

    Thanks, i removed padding and used width as you advised. it perfect now.

    Thank you so much.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Excellent work everyone :)

Topic Closed

This topic has been closed to new replies.

About this Topic