Resolved

Changing Drop Down Menu Direction

Ultra Theme started by Tricia Aug 16, 2016 5 replies
Tricia Aug 16, 2016 · 8:25 pm #4442

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

Andrew Misplon Puro Aug 16, 2016 · 9:34 pm #4443

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

Tricia Aug 24, 2016 · 4:37 pm #4538

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

Andrew Misplon Puro Aug 24, 2016 · 4:44 pm #4539

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;
}
Tricia Aug 24, 2016 · 7:10 pm #4547

That did it! Thanks!!

Andrew Misplon Puro Aug 24, 2016 · 7:15 pm #4548

Super 🙂 Glad that helped.

6 posts