HomePage Forums Traveler How to transparent header?

This topic contains 32 replies, has 2 voices, and was last updated by  Bryan 3 years, 8 months ago.

Viewing 15 posts - 1 through 15 (of 33 total)
  • Author
    Posts
  • #2614

    I have a question about your theme.

    How to transparent header?

    #2642

    Hello

    Please send us a screenshot and description more details of your wishes so we can help you better.

    Thanks

    #2685
    This reply has been marked as private.
    #2704

    Hello

    Please provide an admin account so i can help you change header style like your site example by custom css code.

    Thanks

    #2718
    This reply has been marked as private.
    #2727

    I have changed it for you.

    Please check your site again.

    Thanks

    #2728

    Thanks.

    What about mobile or responsive?
    Please check again.

    And..

    P.S.: Share your editable code for us?

    #2769

    Hello

    This is the code for you.

    @media (min-width: 1200px){
        .home #st_header_wrap_inner-sticky-wrapper {
        height: 0px !important;
    }
    .home .header-top {
        background: transparent;
    }
    .home .main_menu_wrap {
        background: transparent!important;
        border-bottom: none!important;
    }
    }

    Also this layout only support with screen larger than 1366x768px.

    Thanks

    #2779

    Thanks about this.
    So, what about menu position?
    We want your position next to the logo.

    Best regards!
    Good works!

    #2782

    Hello

    Please check the site change.

    Thanks

    #2795

    Is not work in.

    .demo_changer {display: none; }
    @media (min-width: 1200px){
        .home #st_header_wrap_inner-sticky-wrapper {
        height: 0px !important;
    }
    .home .header-top {
        background: transparent;
        padding-top: 30px;
    }
    .home .main_menu_wrap {
        margin-top: -69px;
        padding-right: 5%;
        background: transparent!important;
        border-bottom: none!important;
    }
    .home header#main-header .main_menu_wrap ul.slimmenu {
        width: 60%;
        float: right;
    }
    .home .header-top .col-md-9 {
        width: 30%;
        float: right;
        margin-right: -35px;
    }
    .home .header-top .col-md-3 {
        z-index: 99;
    }
    .home ul.slimmenu li a {
        color: #ffffff;
    }
    
    #main-header .menu .current-menu-item > a {
        background: rgba(57, 79, 86, 0) !important;
        color: white !important;
    }
    
    #main-header ul.slimmenu li:hover > a {
        background: rgba(38, 188, 239, 0);
        color: white;
    }
    }

    Thanks.

    #2797

    Hello

    That is the full code i used.

    Thanks

    #2798
    This reply has been marked as private.
    #2799
    This reply has been marked as private.
    #2814

    we edited, but you still share the existing codes with us. We can use it in the future.

Viewing 15 posts - 1 through 15 (of 33 total)

The forum ‘Traveler’ is closed to new topics and replies.