Startpage with bottom menu

[Andreas]

Hello,

On my side I have the menu above.

I would like to create a “landing-page/home-page”, where the menu at the bottom of the page and a header is above.

Unfortunately I do not have the knowledge to create a “front-page.php”.

With the plugin elementor I have already tried, but this does not work so synonymous.

A html page with css I have already created and which works.
But even if I copy the code in wordpress, it does not work.

Is this really so difficult? 🙂

GeneratePress 1.3.48

[Leo]

Hi there,

Try this: https://docs.generatepress.com/article/footer-bar-widget-area/#adding-a-footer-menu

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

[Andreas]

Thank you Leo,

this function I had already tested.

I have tested it again.
But then I have the menu in the footer on every page.
I do not want that.

Startsite: In the head area a picture. In the footer the menu.
If you click on the menu you get to the other side, where the menu appears above.
And the imprint an privacy policy in the footer.

[Leo]

We can use some code to remove the menu on hide/show the footer menu on specific pages?

Not sure what you mean by Startsite? Is there an example you can link me to?

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

[Andreas]

As a start page I mean something like a landing page.

On the following page you can see what I mean.

Testsite

[Leo]

Ok let’s try this:
– Insert footer menu using the footer bar widget area as I mentioned before

– Add the copyright info using the After Footer Content hook like this so it only shows on non-home pages:

<?php if ( ! is_home() ) : ?>
    <div class="new-copyright">
        Copyright here
    </div>
<?php endif; ?>

GP hooks: https://docs.generatepress.com/article/hooks-overview/

Make sure to check execute PHP as well.

– Then use this CSS to hide the footer menu on non-home pages:

.site-info {
    display: none;
}
.home .site-info {
    display: block !important;
}

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

Let me know.

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

[Andreas]

Thank you, that is perfect. 🙂

The “site-content” I have also removed. 🙂

.home .site-content {
  display: none;
}

Now I have 3 more questions.

The header I have installed, but the appears on the other sides also. How can you solve this?
I have tested with “wp_head” hook.

<?php if ( ! is_home() ) : ?>
<div id="oben" class="home"><img src="https://.../images/top.png"><br>This &middot; is &middot; a &middot; testpage</div>
<?php endif; ?>

How do I get the footer down to the page and bigger?
And the menu in the middle of footer?

Testpage

[Leo]

The header I have installed, but the appears on the other sides also. How can you solve this?
I have tested with “wp_head” hook.

Not sure what you mean? Shouldn’t have to installed the header.

The footer should be at the bottom but something is going on with the site right now. How are you inserting the slider?

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

[Andreas]

On the startpage, i have create a css style for a white bar with logo.
The head is not the same as on the other sides.
So I created my own head on the page and try it to hide on the other side.
I have the css style in the hook via div created.
You can see this on the this PAGE.

Sorry.
i have overlook the setting for the footer.
now, that is correct.

I added a css style for the footer. And he is down.

.site-info {
position: fixed;
width: 100%;
margin: 0 0 0 -50%;
left: 50%;
bottom: 0;
}

[Tom]

So you’re basically wanting to display a different header on that one page?

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

[Andreas]

Exactly, I would like.
It should only be a different header on a single page.

On the other pages I would like to use the header which I created with generatepress.

[Tom]

So on that specific page, you would hide the current header using the Simple CSS meta box for that page:

.site-logo {
    display: none;
}

Then using hooks, add your new header in the Before Header Content hook:

<?php if ( is_page( 'your-page' ) ) { ?>
    <div class="custom-logo"><img src="URL TO YOUR LOGO" alt="" /></div>
<?php } ?>

your-page being the slug of that page: yoursite.com/your-page

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

[Andreas]

Hi tom
Thank you. Thats perfect.

That was the right setting.
But i have the code under “Before Header” inserted.

Can you say me, why the search function, or the “Drop Down Menu” in the footer widget not functional?
In the normal navigation is the search function correctly. But not in the “Footer Widget”.

The mobile view does not work so well, but this is not so bad. 😉

[Tom]

I’m not even sure why the search item is displaying in your footer menu – it only works with the primary navigation. Is this something you added?

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

[Andreas]

Yes, I have the search function from this post

https://generatepress.com/forums/topic/navigation-search-bar/

But only the magnifying glass is displayed. No function.

[Author]

Posts