• Is it possible to make your header transparent?Is it possible to make your header transparent?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author marsian

    (@marsian)

    we are planning to have that in next version. for now you can add the following CSS in custom CSS section of customizer and add “nx-fullscreen” as Additional Page Class, the last option https://www.templatesnext.org/i-max-documentations/#1527054128500-59a45449-b2e3

    
    .nx-fullscreen .site-header:not(.fixeddiv) .site-title,
    .nx-fullscreen .site-header:not(.fixeddiv) .site-description {
    	color: #FFF;
    }
    
    .nx-fullscreen .site-header:not(.fixeddiv) .trans-logo {
    	display: inline-block;
    }
    
    .nx-fullscreen .site-header:not(.fixeddiv) .normal-logo {
    	display: none;
    }
    
    .nx-fullscreen .site-header:not(.fixeddiv) ul.nav-container > li > a,
    .nx-fullscreen .site-header:not(.fixeddiv) .nav-container > ul > li > a {
    	color: #FFFFFF;
    }
    
    .nx-fullscreen .site .headerwrap {
    	background:  rgba(0,0,0,0.1);
    	background: transparent;
    	position: relative;
    	height: 0px;
    	min-height: 0px;
    }
    
    .nx-fullscreen .site-header:not(.fixeddiv) {
    	position: absolute;
    	left: 0px;
    	top: 0px;
    	right: 0px;
    	background-color: rgba(0,0,0,0.1);
    	min-height: 88px;
    	border-bottom: 1px solid rgba(0,0,0,0.0);
    }
    
    .nx-fullscreen .site-header:not(.fixeddiv) .nav-container .nav-menu > li > a,
    .nx-fullscreen .site-header:not(.fixeddiv) .nav-container .nav-menu > li > a:visited {
    	color: #FFF;
    }
    
    .nx-fullscreen .site-header:not(.fixeddiv) .search-field,
    .nx-fullscreen .site-header:not(.fixeddiv) .search-field:focus {
    	color: #FFF;
    }
    
    .nx-fullscreen .site-header:not(.fixeddiv) .searchico:before {
    	color: #FFF;
    }
    
    • This reply was modified 6 years, 10 months ago by marsian.
Viewing 1 replies (of 1 total)
  • The topic ‘Is it possible to make your header transparent?’ is closed to new replies.