How to Show Navigation Menu ?

[Fajri]

Hi, i’ve got some problem with my site.

I can’t show menu navigation on my site.

And then, tell me how to remove link credit on footer

[David]

Hi there,

can you check:

1. You have assigned a Menu to the Primary Navigation locoation.
2. In Customizer > Layout > Primary Navigation you have a location set to display the navigation.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Fajri]

I’ve do the point.

1. https://prnt.sc/qcwl08
2. https://prnt.sc/qcwm9x

The navigation primary is not showing above of header logo/title blog

[Tom]

Hi there,

You’re using the Slideout site, which uses a different header.

To remove that, go into Customize > Additional CSS and remove this first chunk of CSS:

/* Side menu CSS */

@media (min-width: 769px) {
	body {
		padding-left: 60px;
	}
}

#site-navigation {
	position: fixed;
	left: 0;
	min-height: 100vh;
	max-width: 60px;
	overflow: hidden;
}

#content {
	padding: 40px;
}

#main,
.sidebar > .inside-right-sidebar,
.sidebar > .inside-left-sidebar{
	margin-top: 0;
	margin-bottom: 0;
}

#site-navigation .main-nav > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
}

.admin-bar #site-navigation .main-nav > ul {
	min-height: calc(100vh - 32px);
}

.slideout-toggle {
	-webkit-box-ordinal-group: -9;
	-ms-flex-order: -10;
	order: -10;
}

#site-navigation .rotate {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-bottom: auto;
	white-space: nowrap;
}

@media (max-width: 768px) {
	#site-navigation .menu-toggle {
		display: none;
	}
}

.site-footer {
  padding: 0 40px;
	box-sizing: border-box;
}

That should bring it back to normal 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fajri]

Nice, but i’ve question.

How to set position the navigation like this ?

SS : https://prnt.sc/qdaldf

[Fajri]

i’ve set position to : Center from blabla

But i don’t want to make like that.

Pict : https://prnt.sc/qdameo

I mean, menu navigation on left, and search box on right.

Drafting : https://prnt.sc/qdanaj

[Tom]

What if you do this?:

#site-navigation .inside-navigation {
    max-width: 700px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fajri]

Hi, i’ve do that.

Its work, but there are some problem again.

1. Category Description is over the area.

You can see this : https://prnt.sc/qdnbqp

I want the red mark same position and size like blue mark square.

My site: https://koneksia.com/
URL Category : https://koneksia.com/category/gadget/

2. And how to remove link credit in footer ?

[Tom]

Give this a shot:

.page-header {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}

For the credits, this should help: https://docs.generatepress.com/article/changing-the-copyright-message/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fajri]

Hi, how to make style like this ? https://prnt.sc/qhtsnp

My site : https://hijabtuts.com/

[David]

Hi there,

you would enable the Navigation as Header option in Customizer > Layout > Header

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts