Honestly, I've been struggling with this problem for hours - the submenu just won't style properly, and no matter how many lists I compare it to, I can't seem to get it right.
The website: - you have to click "enter" to see the list, my apologies for that.
The issue: The sub-list under the "corporate" category - I want the hovered item to fill the entire width of the sub- UL. Currently, the black only fills about 80% of the ul's width.
The code snippet I am utilizing:
<div id="navigation-menu-container">
<ul>
<li><a href="<?php echo home_url(); ?>" id="nav-home" class="noSlide <?php if (is_home() || is_front_page()) { echo "curr-page-nav"; }?>"><span class="nav-hidden">HOME</span></a></li>
<li><a href="<?php echo get_page_link(838); ?>" id="nav-about" class="noSlide <?php if (is_page(838)) { echo "curr-page-nav";}?>"><span class="nav-hidden">ABOUT</span></a></li>
<li><a href="<?php echo get_page_link(1033); ?>" id="nav-wedding" class="noSlide <?php if (is_page(1033)) { echo "curr-page-nav";}?>"><span class="nav-hidden">WEDDINGS</span></a></li>
<li><a href="<?php echo get_page_link(1303); ?>" id="nav-mitzvah" class="noSlide <?php if (is_page(1303)) { echo "curr-page-nav";}?>"><span class="nav-hidden">MITZVAHS</span></a></li>
<li><a href="<?php echo get_page_link(1530); ?>" id="nav-celebration" class="noSlide <?php if (is_page(1530)) { echo "curr-page-nav";}?>"><span class="nav-hidden">CELEBRATIONS</span></a></li>
<li><a id="nav-corporate" class="accordionButton <?php if (is_page(1635) || is_page(1909)) { echo "curr-page-nav";}?>"><span class="nav-hidden">CORPORATE</span></a>
<ul>
<li><a href="<?php echo get_page_link(1635); ?>" id="nav-meeting" class="subitem"><span class="nav-hidden">MEETINGS</span></a></li>
<li><a href="<?php echo get_page_link(1909); ?>" id="nav-event" class="subitem"><span class="nav-hidden">EVENTS</span></a></li>
</ul>
</li>
<li><a href="<?php echo get_page_link(831); ?>" id="nav-testimonial" class="noSlide <?php if (is_page(831)) { echo "curr-page-nav";}?>"><span class="nav-hidden">TESTIMONIALS</span></a></li>
<li><a href="<?php echo get_page_link(874); ?>" id="nav-associate" class="noSlide <?php if (is_page(874)) { echo "curr-page-nav";}?>"><span class="nav-hidden">ASSOCIATES</span></a></li>
</ul>
</div>
I've reviewed my styles multiple times but still can't figure out how to make the necessary changes.
If you're curious, here's a screenshot showing what the source code looks like on my end.