Как изменить тему HUGO, чтобы в ней были только верхние пункты меню без дополнительных полей, занимающих слишком много места?

я использую тему Elate Hugo https://github.com/saey55/hugo-elate-theme/ , и я хотел бы добавить собственный раздел, куда люди могут попасть, если нажмут куда-нибудь, потому что тема представляет собой прокрутку на одну страницу. тему, которую я хочу превратить во что-то более законченное.

Я пытаюсь изменить эту страницу в /section/page.html с некоторыми настройками, но это не работает, и я все еще вижу это синее пространство, которое мне не нужно (мне нужно только видеть пункты меню, за которыми следует мой собственный контент )

если вы нашли способ исправить это, это может помочь и другим. заранее спасибо,

вот nav.html (частичные части):

          <header role="banner" id="fh5co-header">
    <div class="container">
        <!-- <div class="row"> -->
        <nav class="navbar navbar-default">
            <div class="navbar-header">
                <!-- Mobile Toggle Menu Button -->
                <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
                <a class="navbar-brand" href="index.html">{{ with .Site.Params.navigation.brand }}{{ . | markdownify }}{{ end }}</a> 
            </div>
            <div id="navbar" class="navbar-collapse collapse">
              <ul class="nav navbar-nav navbar-right">

                {{ range .Site.Menus.prepend }}
                    <li><a class="external" href="{{ .URL }}"><span>{{ .Name | markdownify }}</span></a></li>
                {{ end }}

                <li class="active"><a href="#" data-nav-section="home"><span>{{ with .Site.Params.navigation.home }}{{ . | markdownify }}{{ end }}</span></a></li>
                
                {{ if .Site.Params.work.enable }}
                <li><a href="#" data-nav-section="work"><span>{{ with .Site.Params.navigation.work }}{{ . | markdownify }}{{ end }}</span></a></li> 
                {{ end }}

                {{ if .Site.Params.testimonials.enable }}
                <li><a href="#" data-nav-section="testimonials"><span>{{ with .Site.Params.navigation.testimonials }}{{ . | markdownify }}{{ end }}</span></a></li> 
                {{ end }}

                {{ if .Site.Params.services.enable }}
                <li><a href="#" data-nav-section="services"><span>{{ with .Site.Params.navigation.services }}{{ . | markdownify }}{{ end }}</span></a></li> 
                {{ end }}

                {{ if .Site.Params.about.enable }}
                <li><a href="#" data-nav-section="about"><span>{{ with .Site.Params.navigation.about }}{{ . | markdownify }}{{ end }}</span></a></li> 
                {{ end }}

                {{ if .Site.Params.contact.enable }}
                <li><a href="#" data-nav-section="contact"><span>{{ with .Site.Params.navigation.contact }}{{ . | markdownify }}{{ end }}</span></a></li> 
                {{ end }}

                {{ range .Site.Menus.postpend }}
                    <li><a class="external" href="{{ .URL }}"><span>{{ .Name | markdownify }}</span></a></li>
                {{ end }}
            </ul>
        </div>
    </nav>
    <!-- </div> -->
</div>

и герой.html также является частичным (своего рода баннер с текстом, который я хочу удалить на своей пользовательской странице)

          <section id="fh5co-home" data-section="home" style="background-image: url(images/full_image_2.jpg);" data-stellar-background-ratio="0.5">
    <div class="gradient"></div>
    <div class="container">
        <div class="text-wrap">
            <div class="text-inner">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <h1 class="to-animate">{{ with .Site.Params.hero.title }}{{ . | markdownify }}{{ end }}</h1>
                        <h2 class="to-animate">{{ with .Site.Params.hero.subtitle }}{{ . | markdownify }}{{ end }}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="slant"></div>
</section>

0 ответов

Другие вопросы по тегам