parallax dropdown glitch

[eccountant]

Hello!
On this site I'm using Parallax Pro along with Design Palette Pro. https://2015.etax.com.au/
While adjusting the site, I seem to have caused the dropdown menu to gain a wide black border at the left hand side.
Any ideas for fixing that?
Thanks,
Ken

https://2015.etax.com.au/

[Christoph]

Hi,

the black is coming from around line 1353 in the style.css

.site-header .sub-menu {
    background-color: #000;
}

Either delete the line or change the color.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[eccountant]

Thanks Christophe,

Yes, I can see what CSS is creating it. What I hope to learn is what settings are controlling that CSS -- it seems better to fix the cause than to use manual stylesheet changes to override the same attribute that was set this way by theme interface controllable attributes.

Thanks for any tips on that!!

[Christoph]

Well, it seems like you added the following to around line 203 of the style.css:

ul {
list-style: disc;
  padding-left: 40px;
}

If you take out the padding left, the black bars are gone.

You can add padding: 0; to around line 1285 of the style.css:

.genesis-nav-menu .sub-menu {
left: -9999px;
letter-spacing: 0px;
opacity: 0;
position: absolute;
transition: opacity 0.4s ease-in-out 0s;
width: 200px;
z-index: 99;
padding: 0;

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts