custom css header

we want to ask what can do to make your own header with css costume ?The attached example header which would we make.

image

Comments

  • We have similar header type and it's called Stack: Center. So you can set up this header type and after, you can drop us link to your site so we can have a look on it and give you custom css to set background image behind the logo.
  • The following http://www.fashionhousebyxiang.com link to our website, please help for setting css.
  • Ok. So to set those header backgrounds, you need to use the following css:
    .header-stack.header-center #Top_bar .logo {
        background-image: url('PATH-TO-LOGO-BACKGROUND') !important;
        margin-left: -10%;
        width: 120%
        border: 0 !important;
    }
    .header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper {
        background-image: url('PATH-FOR-MENU-BACKGROUND') !important;
        margin-right: -10%;
        width: 120%;
    }
    #Top_bar .menu > li > a span:not(.description) { border: 0 !important; }
    .header-stack.header-center #Top_bar #menu { background: transparent !important; }
Sign In or Register to comment.