[Resolved] Changing Drop Down Menu Direction

  • Author
    Posts
  • #4442

    Tricia
    Participant

    Hi,

    We’ve noticed that when we change the drop down menu direction (https://purothemes.com/documentation/ultra-theme/menu-locations/), we have an issue in Internet Explorer. It shows up fine in Chrome, Safari, etc. But in IE, only half of the dropdown menu background appears. You can see what we mean if you use IE to view dev.cwpd.org and select “About” in the main menu across the top. To change the direction (because it gets cut off on the right side of the screen otherwise), I entered “left” in the CSS box in the menu, only under the About link. Is there something else I am supposed to do that will prevent half of the white background from disappearing?

    Thanks for your help!
    Tricia

    #4443

    Andrew Misplon
    Keymaster

    Hi Tricia

    Good to hear from you 🙂 Apologies for the hassle. Please, try adding the following to Custom CSS and let me know the results:

    /* Left swinging drop-down menu items */
    .top-bar-navigation ul li.left ul {
        left: auto;
    }

    Thanks

    #4538

    Tricia
    Participant

    Hi Andrew,

    Bummer, that didn’t work. Just as before, the text is correct, but the white background is cut off and still swinging to the right. This is just in IE explorer though. Any suggestions?

    Thanks – Tricia

    #4539

    Andrew Misplon
    Keymaster

    Sorry about that, please, try replace the previous rule with:

    /* Left swinging drop-down menu items */
    .main-navigation ul li.left ul {
      left: initial;
      left: auto;
    }
    #4547

    Tricia
    Participant

    That did it! Thanks!!

    #4548

    Andrew Misplon
    Keymaster

    Super 🙂 Glad that helped.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Scroll to top