Hello,

I have been playing around trying to fix my page menu for some time now and I would grateful for any help.

I have two problems:

1. On the drop down menu when hovering above the link, the rounded corners go black. I want these to be transparent or white.
2. Also on the drop down menu when expanded, there is a white section to the right which overlaps the page text. Again, I want this transparent.

I have attached a screen grab and exported the settings files.

Thanks,
Nick

I imported the setting and still am not clear on what your issue is. Can you post a link to the site?

http://nicholasmoon.co.uk/

On the page menu hover over the 'All Posts' tab.

On the drop down you will see black in the corners as you hover over each link - I want this to be transparent.

Additionally, when the drop down is expanded you will see there is white space to the right of the drop down that covers page text. I want to have this removed.

Many thanks for you help on this. I am not the best with CSS so it is very appreciated.

Are you on Mac or Windows and what browser are you using. All looks OK to me in Firefox on Windows 7

Hello,

I am on Windows.

I have managed to solve my first problem, however I am still seeing a few black pixels in the top corners on all my drop down boxes. I am looking for these to be transparent as these corners are rounded.

I have tried this in Explorer, Chrome and Firefox and the issue seems consistent.

You could round the top corners with code. Try the following in CSS Inserts in the theme options.

.sub-menu li {
    border-radius: 10px;
}

That worked. Thank you ever so much.