Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #851529

    ZerotoOne
    Participant

    hey there,
    I saw a nicely styled header the other day and wanted to know if you guys could help me, to get a similar result on my page.

    thanks a lot 🙂

    #851797

    Friech
    Moderator

    Hi There,

    Thanks for writing in! Regretfully, at this time I am not entirely certain what styling you wanted to duplicated on the header of http://demo.themeblvd.com/

    If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do. Some of those styling can be achieve with custom CSS, and some will require a custom development.

    Cheers!

    #852845

    ZerotoOne
    Participant

    Here you go! http://demoblvd.com/themes/denali/demo-1/ I really like the header/navbar on this page for multiple reasons:

    1.the header/navbar is transparent
    2.the effect/transition when scrolling down

    I would love to get the same header/navbar for my page!

    #853065

    Friech
    Moderator

    Hi There,

    We can make the navbar transparent, and place the top of the first section behind it with the custom css below.

    body .x-navbar, body .x-navbar .sub-menu {
        background-color: transparent !important;
    }
    div#home {
        margin-top: -90px !important;
    }

    Regretfully, the transition effect requires a custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

    Thanks for understanding.