Menu bar sub-menu space

[Ron King]

Hi Roshan,

I made the menu bar smaller thanks to your help. However, now there is a space between the menu and the sub-menu making the sub-menu inaccessible. Is there a way around that?

Thanks for your help, Ron

[Anonymous]

Dear Ron,

Do you have the website where we can see the demo and support thread where we supplied the solution for smaller menu bar ?

[Ron King]

Here’s the link to the site I’m setting up. If you select the ‘Photography’ link you’ll see what I’m talking about. www.http://jimbrittphoto.com/wordpress/

How do I identify the support thread? The heading for the conversation is Header Size for Pure & Simple under My Topics. The solution you supplied for making the menu bar narrower is below:

.primary-navigation li {
border: 0 none;
display: inline-block;
height: 2.188rem;
line-height: 2.188rem;
position: relative;
text-align: left;
}

[Shekhar Bhandari]

Hi Ron,
For your solution you can replace the code in the child stylesheet by this code

@media screen and (min-width: 783px) {
	.primary-navigation li {
		border: 0;
		display: inline-block;
		height: 2.188rem;
		line-height: 2.188rem;
		position: relative;
		text-align: left;
	}
	.primary-navigation ul ul {
		background-color: #080d07;
		float: left;
		margin: 0;
		position: absolute;
		top: 2.188rem;
		left: -999rem;
		z-index: 99999;
	}	
}

Thanks.

[Ron King]

Shekhar, thank you so much. I appreciate your help… Ron

[Author]

Posts