twentythirteen I have created a button navbar but want the submenu buttons close

Add this lines on your style.css file (child theme)

ul.nav-menu ul a, .nav-menu ul ul a {
  color: #fff;
  margin: 0;
  padding: 0 15px;
  width: 200px;
}

ul.nav-menu ul a button, ul.nav-menu ul a button:hover {
  min-width: 140px;
  padding: 15px;
}

Dear Rajan V,

Thanks for such a prompt reply.

That removed any space between the sub-menu buttons that I asked for BUT

I also wanted the size of those sub-menu buttons to stay as I had them. They are too big now.

Ungrateful of me I know but can this be fixed?

Best regards

with thanks

John

Addendum to previous post.
I don’t think i made myself clear enough.

I removed the code Rajan V sent me, to show the site how it was before I applied it.

The sub-menu buttons are now half the height of the main nav menu purple buttons. Thats the height i want the black sub-menu buttons to retain. What I want to achieve is to have those black sub-menu buttons “shunted” up against one another. I do not see how I can do this.

Could someone help please help me?

thanks

John

Hi John.,

I can’t find your actual requirement, Can you please explain this.

Sorry Rajan V,
I obviously did not make myself clear

I enclose y style.css child at https://codepen.io/jevans17/pen/WGkRVa

and a partial screenshot of retrobrain.co.uk at https://goo.gl/photos/L4bFf6qA24Zs5zxt9

What I desire is the black buttons dropdown menu to be shunted together (with no spaces between)
BUT without altering the button dimensions

Maybe it cannot be done in this theme – I do not know

any more info needed please ask
Thanks

John

Thanks for trying to help Rajan V

I have tried again but cannot shut the black menu button so they are touching (making a neat concise dropdown menu)

I have altered my child style.csss at:<a href=”https://codepen.io/jevans17/pen/WGkRVa&#8221;

could someone have a look and try and help me please

thanks to all that read this

john