[Support request] Startpage with bottom menu

Home Forums Support [Support request] Startpage with bottom menu

Home Forums Support Startpage with bottom menu

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #344172
    Ulrike

    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? ๐Ÿ™‚

    #344207
    Leo
    Staff
    Customer Support
    #344248
    Ulrike

    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.

    #344298
    Leo
    Staff
    Customer Support

    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?

    #344371
    Ulrike

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

    On the following page you can see what I mean.

    Testsite

    #344511
    Leo
    Staff
    Customer Support

    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.

    #344595
    Ulrike

    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

    #344696
    Leo
    Staff
    Customer Support

    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?

    #344731
    Ulrike

    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;
    }
    
    #344818
    Tom
    Lead Developer
    Lead Developer

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

    #344885
    Ulrike

    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.

    #345102
    Tom
    Lead Developer
    Lead Developer

    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

    #346889
    Ulrike

    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. ๐Ÿ˜‰

    #347091
    Tom
    Lead Developer
    Lead Developer

    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?

    #347240
    Ulrike

    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.

Viewing 15 posts - 1 through 15 (of 18 total)
  • You must be logged in to reply to this topic.