Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Can someone help me change navbar when active/scolling - Important


Question

i`m trying to change my nav bar when its active or on scroll - its using the same color as the top section - but this worked before - but for some reason its not working any more, anyone that can help me out? kind of important

//Pulse color when active nav
.shrink .header-nav-wrapper a::after {
  display: block;
  content: ' ';
  background: #44414e;
  height: 1px; 
  width: 0;
  margin-top: -2px !important;
  transition: width 300ms; 
  margin-right: auto;}

 .shrink .header-nav-wrapper a:hover::after {
  width: 100%;}

.shrink .header-nav-wrapper a--active a {
  background-image: gradient !important;}


// header and footer
#header .shrink {
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.39);
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,.1);
	background-color: #fff!important;}

#header .shrink a#site-title {
	color: #44414e!important;}

#header .shrink .header-actions .btn {
  background: #5333ed !important;
  border: 2px solid #5333ed !important;
  color: #FFF !important;}

#header .shrink .header-actions .btn:hover {
  background: none !important;
  border: 2px solid #5333ed !important;
  color: #5333ed !important;}
  
#header .shrink .header-nav-wrapper a {
	color: #44414e!important;}


#header .shrink .burger-box {
	filter: invert(1);}

 

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Edit this code #header .shrink { -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.39); -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.39); box-shadow: 0px 10px 40px 0px rgba(47,47,47,.1); bac

3 answers to this question

Recommended Posts

  • 0
21 hours ago, ChristopherBerman said:

Hey - sorry late response : website url : elevated.no  

 

password: berman123

Edit this code

#header .shrink {
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.39);
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,.1);
	background-color: #fff!important;}

#header .shrink a#site-title {
	color: #44414e!important;}

#header .shrink .header-actions .btn {
  background: #5333ed !important;
  border: 2px solid #5333ed !important;
  color: #FFF !important;}

#header .shrink .header-actions .btn:hover {
  background: none !important;
  border: 2px solid #5333ed !important;
  color: #5333ed !important;}
  
#header .shrink .header-nav-wrapper a {
	color: #44414e!important;}


#header .shrink .burger-box {
	filter: invert(1);}

to this

.shrink {
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.39);
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,.1);
	background-color: #fff!important;}

.shrink a#site-title {
	color: #44414e!important;}

.shrink .header-actions .btn {
  background: #5333ed !important;
  border: 2px solid #5333ed !important;
  color: #FFF !important;}

.shrink .header-actions .btn:hover {
  background: none !important;
  border: 2px solid #5333ed !important;
  color: #5333ed !important;}
  
.shrink .header-nav-wrapper a {
	color: #44414e!important;}
.shrink .burger-box {
	filter: invert(1);}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...