Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to create the menu? #6

Open
Geri-Borbas opened this issue Feb 17, 2018 · 3 comments
Open

How to create the menu? #6

Geri-Borbas opened this issue Feb 17, 2018 · 3 comments
Assignees

Comments

@Geri-Borbas
Copy link

Geri-Borbas commented Feb 17, 2018

Hi, thanks for the theme.
How to create the menu?

It was the primary reason choosing this theme. It is also awesome how responsive it seems out of the box.

Could you please share the templates / plugins if any?

@BesrourMS
Copy link
Owner

Hi @eppz
you can use "pico-pages-list" to create a menu

@Geri-Borbas
Copy link
Author

Geri-Borbas commented Feb 24, 2018

The plugin pico-pages-list became broken in pico 2 (nliautaud/pico-pages-list#16), so I have to create the menu "manually" in twig template.

Please show me some example of tags / classes I should use in template. Currently I have:

<nav class="navbar navbar-default navbar-custom navbar-fixed-top">
	<div class="container-fluid">
	    <!-- Brand and toggle get grouped for better mobile display -->
	    <div class="navbar-header page-scroll">
	        <a class="navbar-brand" href="{{ base_url }}">Home</a>
	    </div>

	    <!-- /.navbar-collapse -->
	</div>
	<!-- /.container -->
</nav>

Which clearly don't have any navigation. If I simply add pico recommendation...

<ul class="nav">
    {% for page in pages %}
        <li><a href="{{ page.url }}">{{ page.title }}</a></li>
    {% endfor %}
</ul>

...it does not get styled by the theme. No collapsing responsive menu with button.

Please advise, just give me an example site. I'm happy to create the template, but on my own I cannot conclude the css style hierarchy of your theme.

@hades200082
Copy link

I too would like to know where/how to add a menu like is shown on http://blackrockdigital.github.io/startbootstrap-clean-blog/

@BesrourMS BesrourMS self-assigned this Apr 9, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants