eslunite

An update

Your code seems to have fixed my top menu but the menu under the header and the footer menu are still expanded

Thanks for helping me out with this problem

Hello and thanks for your help

Sorry I have added the code and it has not fixed the problem with viewing the menus in Edge with your plugin activated ??

Hi

Sorry for the late reply

This was driving me completely bonkers, until I realized it is the browser, I have 2 computers, one using FF and the other using MS Edge.

FF displays the plugin and menus perfectly BUT using MS Edge the menus on my theme are all expanded.

MY SITE

Thanks

who are you people?

You guys that help out here are truly awesome

Thanks for your help and time

ok thanks

my site

You can see the header has a menu (Fixed) at the top and one at the bottom of the header (not fixed) both are green

The font I think is 16, too small so I want to increase the font to 22 for both menus and their sub levels…

I can do it buy changing the font size in the css but I must be changing the wrong setting because when I view the site on my mobile phone the two top menus have gone.

Thanks

thanks for the reply

I added .nav-text this is a guess as I am not really good at this

Nothing changed…

I can change the text height in the

/*  common : nav
/* ------------------------------------ */
.nav-container { background: #888; z-index: 99; position: relative; }
.nav-toggle { display: none; background: #777; cursor: pointer; float: right; height: 50px; width: 60px; color: #fff; text-align: center; }
.nav-toggle i { font-size: 29px; padding: 10px 0; }
.nav-text { display: none; float: right; font-size: 16px; line-height: 24px; padding: 13px 20px; }
.nav li > a:after,
.nav > li > a:after { font-family: FontAwesome; display: inline-block; }

@media only screen and (min-width: 720px) {

	.nav-wrap { height: auto!important; }
	/* common */
	.nav { font-size: 0; position: relative; }
	.nav li a { color: #ccc; display: block; line-height: 20px; }
	/* dropdown arrows */
	.nav li > a:after { content: "\f0da"; float: right; opacity: 0.5; }
	.nav > li > a:after {content: "\f0d7"; float: none; margin-left: 6px; font-size: 14px; line-height: 1.2em; }
	.nav li > a:only-child:after {content: ""; margin: 0; }
	#footer .nav li > a:after { content: "\f0da"; }
	#footer .nav > li > a:after { content: "\f0d8"; }
	#footer .nav li > a:only-child:after { content: ""; }
	/* level 1 */
	.nav > li { font-size: 16px; border-right: 1px solid #999; display: inline-block; position: relative; }
	.nav > li > a { padding: 15px 14px; }
	.nav > li > a:hover,
	.nav > li:hover > a { background: #777; }
	.nav li > a:hover,
	.nav li:hover > a,
	.nav li.current_page_item > a,
	.nav li.current-menu-item > a,
	.nav li.current-menu-ancestor > a,
	.nav li.current-post-parent > a { color: #fff; }
	/* level 2 & 3 */
	.nav li:hover > ul { display: block; }
	.nav ul { display: none; background: #777; position: absolute; left: 0; top: 50px; width: 180px; padding: 10px 0; z-index: 2; -webkit-transform: translateZ(0);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	box-shadow: 0 2px 2px rgba(0,0,0,0.15); }
	.nav ul li { font-size: 14px; position: relative; display: block; padding: 0; }
	.nav ul li a { padding: 10px 20px; }
	.nav ul li:last-child { border-bottom: 0!important; }
	/* level 3 */
	.nav ul ul { position: absolute; top: -10px; left: 180px; }

}
@media only screen and (max-width: 719px) {

	.nav { font-weight: 600; }
	.nav-container { text-transform: none; }
	.nav-toggle,
	.nav-text { display: block; }
	.nav-wrap { position: relative; float: left; width: 100%; height: 0; overflow: hidden; }
	.nav-wrap.transition {
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease; }
	.expand .nav-wrap { height: auto; }
	/* iphone fix */
	.safari .nav-wrap.transition { -webkit-transition: none; transition: none; }
	/* common */
	.nav { float: left; width: 100%; }
	.nav li a { line-height: 20px; display: block; padding: 8px 20px; }
	.nav li li a { padding-left: 15px; padding-right: 15px; }
	/* dropdown arrows */
	.nav li > a:after { content: '\f0d7'; opacity: 0.5; margin-left: 6px; }
	.nav > li > a:after { content: '\f0d7'; font-size: 14px; }
	.nav li > a:only-child:after { content: ''; }
	/* level 1 */
	.nav > li { font-size: 15px; }
	.nav li > a:hover,
	.nav li.current_page_item > a,
	.nav li.current-menu-item > a,
	.nav li.current-post-parent > a { color: #fff; }
	/* level 2 & 3 */
	.nav ul { display: block!important; margin-left: 40px; }
	.nav ul li { font-size: 13px; font-weight: 300; }
	.nav ul li a { padding-top: 6px; padding-bottom: 6px; }

}

I change some values in here to change the font size but I lose the menus on mobile devices after I make the font 22

can you see where and what I can change to make this work?

what can I say… awesome, thank you
Thanks for the support and I will be making a donation as your theme is great and so is your support

Hi
Here is the link

I know it would be better if it appeared above the social stuff and author bio but just having it look better is more important at the moment

I got this working but it looks like html output for the page links and I would like some help with the css to make the links look nice like the example in the post
thanks

Hi sorry guys..

I am using 2.7.1 and I have no idea where to insert that code..

Please could you guide me

thanks

gibby