• Resolved duplonk

    (@duplonk)


    Hi Ben and thanks for creating such a great theme, it is by far one of the most usable out there.
    Thanks to a plugin I have been able to create a fixed header, but would you be able to suggest some code:
    -to keep the top navigation (social shares+email+secondary nav)
    – to get the header (main nav) to resize down on scroll to while staying fixed. For now the header stays quite large
    I look forward to your feedback
    Greg

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Greg,

    Thanks for the kind words 🙂

    Can you share a link to your site, so I can see what you have so far?

    Thread Starter duplonk

    (@duplonk)

    Hi ben, Please see below link:http:
    duplonk.com/new
    so far it’s only a mock up site, the content is not loaded yett , I have only been exploring themes
    i look forward to your answer
    cheers
    G.

    Theme Author Ben Sibley

    (@bensibley)

    Greg,

    Okay thanks for sharing! The header can be fixed to the top of the site without the use of a plugin by using the following CSS instead:

    .site-header {
      position: fixed;
      left: 0;
      right: 0;
    }
    .main {
      margin-top: 145px;
    }

    You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

    Having the header change size on scroll would be more complex and outside the scope of what I can help with here, but I would recommend getting help from someone at codeable.io if you’d like to pursue that customization.

    Thread Starter duplonk

    (@duplonk)

    thanks a bunch for the snippet Ben, I will add this directly into the ccd to check the effect. I think might lose the transparency and the transition effect from the plug in though, but less is best, so I might stick to that code and remove the plug in.
    will hit the codeable crew for the rest, cheers
    G.

    Theme Author Ben Sibley

    (@bensibley)

    Sounds good, glad I could help!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘header resizing on scroll’ is closed to new replies.