[relaxedguy]

Thank you. When who understands viewports develops an GUI-based editor for this stuff I'll try that. Surprised that we're still editing CSS files manually for such important functionality, what a drag.

[relaxedguy]

I went back to my old theme, incredibly frustrating. Someone needs to make a plugin to manage viewports.

[relaxedguy]

I have the same problem, nobody can tell me how to keep the navigation on one line and the sidebar in place when resizing.

[relaxedguy]

No support for this for a paid theme, not happy. Nobody at Studiopress can help with this basic question, does everyone just let the content reflow as-is out of the box? It's really broken and there is zero help to figure out how to keep sidebars from moving to the bottom of the page, this is incredibly frustrating.

[relaxedguy]

That fixed it, thank you. It's strange that my default install style.css has different settings than what people are mentioning here. It didn't have the color: #fff; for example.

[relaxedguy]

Thank you for these suggestions. I updated the responsive-menu.js file.

I compared my styles.css and functions.php with fresh copies, they are almost identical (I made a few small tweaks).

Now the issue is that the hamburger doesn't show up in the navigation area at mobile sizes. I can click the dark band across the page and the menu opens downward correctly. But with no hamburger icon, not clear how to get to the menu.

[relaxedguy]

Searching for .responsive-menu-icon I see three locations:

Should I change all of them to #responsive-menu-icon ?

.responsive-menu-icon {
	cursor: pointer;
	display: none;
	margin-bottom: -1px;
	text-align: center;
}

.responsive-menu-icon::before {
	content: "\f333";
	display: inline-block;
	font: normal 20px/1 'dashicons';
	margin: 0 auto;
	padding: 10px;
}

.site-header .responsive-menu-icon::before {
	padding: 0;
}

.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
	}

[relaxedguy]

Clear you cache all the time 🙁

[relaxedguy]

Anita, it appears that your solution works in Safari on Mac but not Chrome for Mac. I've emailed Studiopress support about this, as they sent me a similar edit as yours. When we figure this out I'll post the answer here.

[relaxedguy]

Anita, thank you but you are misreading my request. I don't want a sticky menu. It's a terrible idea and I want to get rid of it asap. I want the navigation menu to remain at the top of the page, just like every other site out there. If you have a link to do this that explains it for this theme and every edit required, great. Otherwise I'll have to look elsewhere. Appreciate your attempt at helping though.

[relaxedguy]

That link didn't solve the problem. This really should be a toggle option in the theme settings.

Site is http://onlinedatingpost.com.

I'll leave it alone for a bit and you can take a look.

[relaxedguy]

The navigation bar remains visible as I scroll down. This is terrible UI and a bad idea overall and I want the navigation to remain at the top of the page.

I made these changes as recommended, still doesn't work. Sorry if I am responding to a question that doesn't solve my problem, it's the closest I've come to finding an answer so far.

.nav-primary {
	background-color: #222;
	color: #fff;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}
	.nav-primary {
		position: fixed;
	}

[relaxedguy]

I changed position: fixed to position: absolute on line 1325 or thereabouts as below and nothing happened.

What about line 1954:

.nav-primary {
		position: relative;
	}

What gets edited where to make the navigation stay put?

Thanks.

[Author]

Posts