-
Posts
111 -
Joined
-
Last visited
-
Days Won
2
Reputation Activity
-
ekspohz got a reaction from tuanphan in Change Button Link in Header for one specific page
Perfect! Thank you @tuanphan
-
ekspohz got a reaction from Beyondspace in Change Button Link in Header for one specific page
Perfect! Thank you @tuanphan
-
ekspohz reacted to tuanphan in Change Button Link in Header for one specific page
@ekspohz Try this adjusted code
<script> (function() { document.addEventListener('DOMContentLoaded',() => { document.querySelector('#collection-61d9dcf755b23e793054204b .Header-nav--secondary a').setAttribute('href','/home'); }) })() </script>
-
ekspohz got a reaction from paul2009 in Archive produces an error instead of post history. How to fix?
Seems to be an ongoing intermittent issue across sites.
-
ekspohz got a reaction from tuanphan in How can I place Social Icons in Mobile Menu?
You can still use the code above and then add the following to your Custom CSS to hide on desktop.
// Hide Social Links Header // .Header--top .SocialLinks-link {display: none !important}
-
ekspohz reacted to tuanphan in Change header background color, specifically on blog posts
Add to Home > Design > Custom CSS
.collection-type-blog.view-item header.Header.Header--bottom { background: blue; }
-
ekspohz got a reaction from lu.diehl in Brine: Nav to change color after scrolling past Hero
This is a great solution! Thank you.
-
ekspohz reacted to lu.diehl in Brine: Nav to change color after scrolling past Hero
Hi @AThompson_social - I've used this in the past and it worked well for me on Brine template:
1. Add this to Settings > Advanced > header code injection:
(Change the scroll height you wish to change the color, here it is set to 400 px)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(window).on("scroll", function() { if($(window).scrollTop() > 400) { $(".Header").addClass("on-scroll"); } else { $(".Header").removeClass("on-scroll"); } }); </script>
2. Add this to Design > Custom CSS
Change the background color you wish to use. If your navbar is transparent at the starting point, then remove the last piece of code (.Site-inner)
.Header{ background-color: blue!important; position: fixed!important; transition: 0.2s all linear; -webkit-transition:background-color .4s; -moz-transition:background-color .4s; transition:background-color .4s; } .on-scroll{ background-color: red!important; } .Site-inner{padding-top: 50px;} Let me know how it goes! Your website is pwd protected... if you want further help, please share the password 😉