1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.3 Sticky Header and Navigation Like Digital Point

Discussion in 'Styling and Customization Questions' started by Jericho M, Feb 7, 2014.

  1. Jericho M

    Jericho M Member

    One thing that I like in Digital Point Forums is their sticky Header and Navigation bar. I want to implement this on my forum. Does anyone out there knows how to achieve this design?

    Hope for your positive response.

    Jericho M
    smimosmile and Bram like this.
  2. Jericho M

    Jericho M Member

    After 5 days, still no response? Come on guys...
  3. Dakis

    Dakis Well-Known Member

    Mike Creuzer likes this.
  4. Jericho M

    Jericho M Member

    Thanks for the suggestion but I think I'd stay with the default theme for now. :)
  5. AndreaMarucci

    AndreaMarucci Well-Known Member

  6. Dinh Thanh

    Dinh Thanh Well-Known Member

    Last edited: Feb 14, 2014
  7. AndreaMarucci

    AndreaMarucci Well-Known Member

    Maybe you've to be registered. Here it is

        @property "header";
        background-color: @primaryMedium;
        @property "/header";
        position:fixed !important;
        -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
        box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    background-color: @primaryDarker;
        border-bottom: 1px solid @primaryLightish;
        font-size: 11px;
        margin: 0px auto 0px auto;
    #content {
    Also you've to put in the logo_block template at the very beginning this code
    <div style="height:20px;"></div>
    and if works perfectly. The only issue is that the little tab at the top right that make the login panel appear, is gone so you've to click on the big orange button to make the panel appear but it works!
    Scarface, FredC and Dinh Thanh like this.
  8. Dinh Thanh

    Dinh Thanh Well-Known Member

    It takes lots of space. We should fixed only navigation bar, not all header.
  9. AndreaMarucci

    AndreaMarucci Well-Known Member

    I've removed the logo from the header and fixed all the header. Maybe not an elegant solution as the Audentio's one, but it works and it's good to see. Look ast http://forum.kog.it

    If someone comes out with an addon or something like that to fix the header I'll surely use that one...
  10. vexx

    vexx Active Member

  11. BassMan

    BassMan Well-Known Member

Share This Page