[Resolved] How can i create a fixed Header and top Menu in the Generate Press Theme

Home Forums Support [Resolved] How can i create a fixed Header and top Menu in the Generate Press Theme

Home Forums Support How can i create a fixed Header and top Menu in the Generate Press Theme

Viewing 9 posts - 76 through 84 (of 84 total)
  • Author
    Posts
  • #250689
    Tom
    Lead Developer
    Lead Developer

    The full header? No. You can do the main navigation and add a logo to it though.

    Typically, headers are way too tall to stick to the top of the screen. People using smaller screens/tablets/mobile will barely see any content and will only see the sticky header.

    #398656
    Christoph

    Hello Tom,

    I can not fix only the menu like here:
    http://www.tischtennis-tv-malsch.de/vereinsmeisterschaft-herren-2014/

    I have all header fixed: http://www.antesdelas6.com

    How just to fix the menu?

    #398713
    Leo
    Staff
    Customer Support

    To only fix the menu you should be able to just use the sticky navigation? https://docs.generatepress.com/article/sticky-navigation/

    If this is not what you want can you open a new topic? Thanks!

    #398738
    Christoph

    Thanks, Leo … Yes, works perfect!

    #398765
    Leo
    Staff
    Customer Support

    No problem!

    #444830
    sandi

    hi, i used above and it worked fine. But, now my header and nav is not showing. what numbers do i need to change to fix? my header is 50pixels.
    http://www.sandisamples.com

    my custom code is:

    /*
    You can add your own CSS here.

    Click the help icon above to learn more.
    */

    h1, h2, h3 {
    text-align: center;
    line-height:1.7em;
    margin-bottom: 0px;
    }
    table, th, td {
    border: 0px solid rgba(0, 0, 0, 0);
    }
    .advanced-sidebar-menu ul {
    line-height:13px;
    }
    .advanced-sidebar-menu li.current_page_item{
    color: #b20738;
    }
    .right-sidebar .widget {
    background-color: #ffffff;
    }
    hr {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0 none;
    height: 1px;
    margin-bottom: 15px;
    margin-top: 5px;
    }
    .entry-content, .entry-summary, .page-content {
    margin: 0em 0 0;
    }
    .custom-fixed-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2000;
    }

    body {
    margin-bottom: 80px;
    }
    .custom-fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    }

    .custom-fixed-header + * {
    padding-top: 0px;
    }

    /*
    body.page-id-150 {
    background-color: #8190ae;
    }

    .page-id-150 .inside-article {
    background-color: #8190ae;
    }
    .one-container .site-content {
        padding: 0;
    }
    */

    #444934
    Leo
    Staff
    Customer Support

    Hi there,

    Do you mind opening a new topic as this one is already so long?

    Thanks!

    #473613
    kkaoss

    Tom or Leo,

    trying to do the apple menu at the top of the apple site
    black background with white text and grey highlight when selected…
    but how can i do this without going to elementor canvas and saving template for nav menu to appear at the top and also to show copyright info in footer? i am relying too much on elementor to do this I think – perhaps there is easier method from generatepress premium which i have

    thx

    #473628
    Leo
    Staff
    Customer Support

    Hi there,

    Do you mind opening a new topic as this one is already so long?

    Thanks!

Viewing 9 posts - 76 through 84 (of 84 total)
  • You must be logged in to reply to this topic.