// navbar background color change on scroll
$(window).scroll(function(){
var scroll = $(window).scrollTop();
if(scroll < 300){
$('.fixed-top').css('background', 'transparent');
} else{
$('.fixed-top').css('background', 'rgba(23, 162, 184, 0.9)');
}
});
Ubuntu is one of the most popular Linux distributions out there, and for good reason. With its user-friendly interface and vast array of features, it’s a great choice for both beginners and experienced programmers alike. But even if you’re new to Ubuntu, you can still unlock its full potential with the right code snippets. In…
Do you want to open external links from your blog posts in a new window? Opening external links in a new window allow your users to visit the link without leaving your website. I will also show different code snippets to do that, so you can choose the one that works for you. For this,…
By default the Divi Theme displays a dividing line between the main content and the sidebar. It’s possible to remove this dividing line using CSS.Note that there are two cases in which a dividing line may occur (either on a standard sidebar, or on a sidebar module). Remove divider line between content and sidebar from…
If you have a lot of products in your shop you can give an option to the visitors to choose how many products to display per page. This can be achieved by adding a dropdown select box within the shop archive page.
Widget Title Style – 1 If your width title wrap directly under heading tag like H2, H3, etc like the below screenshot then use .widget .widget-title If the actual text wrap with another inline element like span the below screenshot then you need to add that extra wrapping tag also .widget .widget-title span
If you want to change all 404 error of your WordPress website into 410 error statues then just add this code before the get_header(); in you 404.php template Hope it helps. Reference: stackoverflow.com
Your solution is not complete. If i scroll the page down and i refresh the page, the navbar will appear only after i scroll the page, and not after refresh.
Thank you for your comment. It was very helpful to me.
is there a solution to ZSHARE’s question?
Can I change without any custom code mean only by bootstrap or jquery.
Hello Max, this custom code is written in jQuery.
Did I have to call this jQuery function in my navbar with Onclick
Hello Hanniel,
You can write this code in your child theme footer.php file, custom js file in your theme.