Change the logo on scroll in Divi - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Ferdy Korpershoek Video: Change the logo on scroll in Divi.
When you use a transparent background in the header (using the Divi theme) and when you scroll you want to have a light or dark background, it can cause some conflicts. But using this trick you have your solution. By watching this video you learn how you can add 2 separate logos to your header. One logo for the to header when you don’t scroll and one logo for when the visitor scrolls to your website. This is a game changer for me, and I hope also for you!

Credits for the piano music:
Sad Piano Music
Wayve
https://www.youtube.com/watch?v=f6bHMLFwJmw

Published: Tuesday, August 13, 2019 10:14 AM
Category: Ferdy Korpershoek

92 Views

Related Videos

How to Change Your Sticky Logo on Scroll with Divi

by Best Webhosting Added 3 years ago 40 Views / 0 Likes

Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-change-your-sticky-logo-on-scroll-with-divi Ever since the Divi sticky options have come out, endless interaction design possibilities have been added to our Divi toolboxes. Besides being able to turn a header sticky on scroll, you’re also able to change the style of your elements in a sticky state. This allows you to highlight your header once it’s turned sticky, and create
How to Change Your Sticky Logo on Scroll with Divi

by Best Webhosting Added 3 years ago 22 Views / 0 Likes

To lay your hands on the free global header template, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or rec
How to Create Text & Images that Change on Scroll in Divi

by Best Webhosting Added 3 years ago 35 Views / 0 Likes

Divi scroll effects are great for creating interesting layouts. We’ve published quite a few since the feature was launched. In this tutorial, we’ll show you how to create a layout with text and images that change on scroll. This design can be used for a services page or any type of page you require. We kept it clean and simple for the scroll effect to take the spotlight. Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-create-text-i
WordPress. CherryFramework 3. How To Change Logo And Logo Icon

by Best Webhosting Added 4 years ago 81 Views / 0 Likes

This tutorial is going to show you how to change logo and logo icon in Cherry Framework 3 themes. Choose your WordPress template now: http://www.templatemonster.com/wordpress-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts314 Want to Build WordPress Site in 5 Hours? Subscribe to this course: http://www.templatemonster.com/website-5-days.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts314 TOP WordPress Themes: https://www.yo
Change Opacity On Scroll - Simple Javascript Tutorial For Beginners - Fade Opacity on Scroll

by Best Webhosting Added 4 years ago 100 Views / 0 Likes

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
How to Create Module Overlaps on Scroll with Divi’s Scroll Effects

by Best Webhosting Added 3 years ago 21 Views / 0 Likes

Using overlaps in your design has increased in popularity over the past few years. It gives your design a more abstract look and feel. At the same time, it helps you save space, which in turn limits the vertical scrolling that is required. Inside Divi, there are a couple of ways to effortlessly add overlaps to modules. You can also go the extra mile and add some scroll interaction! In today’s Divi tutorial, we’ll show you how to create subtle module o
Magento 2.x. How To Change Logo

by Best Webhosting Added 4 years ago 87 Views / 0 Likes

This video tutorial is going to show you how to change logo in Magento themes. We've transcribed this video tutorial for you here: http://www.templatemonster.com/help/magento-2-x-how-to-change-logo.html Choose your Magento template now: http://www.templatemonster.com/magento-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=magtuts249 View more about Vini Magento theme: http://www.templatemonster.com/magento-themes/vini-fashion-shop-magento-t
Magento. How To Change The Logo

by Best Webhosting Added 4 years ago 75 Views / 0 Likes

This video tutorial is going to show you how to change the logo on your Magento template. How to: 0:21 find the logo location https://youtu.be/RI8Ua9zQdlY?t=21s 0:42 logo name https://youtu.be/RI8Ua9zQdlY?t=42s 1:06 find the logo image https://youtu.be/RI8Ua9zQdlY?t=1m6s 1:23 change the logo file https://youtu.be/RI8Ua9zQdlY?t=1m23s 1:39 change file name https://youtu.be/RI8Ua9zQdlY?t=1m39s 2:07 make changes in the same logo https://youtu.be/RI8Ua9zQd
Change The Logo In Wordpress

by Best Webhosting Added 4 years ago 82 Views / 0 Likes

www.tyler.com Learn how to change the logo in wordpress.
Magento. How To Change The Logo

by Best Webhosting Added 4 years ago 90 Views / 0 Likes

This video tutorial is going to show you how to change the logo in Magento template. Discover more about Ketty Magento Theme: http://www.templatemonster.com/magento-themes/53638.html?utm_source=youtube&utm_medium=link&utm_campaign=magtuts230 Choose your Magento template now: http://www.templatemonster.com/magento-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=magtuts229 More Magento Video Tutorials: https://www.youtube.com/playlist?list=PL
Drupal. How To Change Logo URL

by Best Webhosting Added 4 years ago 86 Views / 0 Likes

This tutorial is going to show you how to change logo URL in Drupal template. Choose your Drupal template now: http://www.templatemonster.com/drupal-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=druptuts40 More Drupal Tutorials: https://www.templatemonster.com/help/cms-blog-templates/drupal/drupal-tutorials/ Subscribe Our Channel: https://www.youtube.com/user/TemplateMonsterCo/ Follow us: Facebook https://www.facebook.com/TemplateMonster/
Magento. How To Change Logo URL

by Best Webhosting Added 4 years ago 87 Views / 0 Likes

This tutorial will show you how to change logo URL in your Magento template. We've transcribed this video tutorial for you here: http://www.templatemonster.com/help/magento-how-to-change-logo-url.html Enjoy Premium Magento templates at our website: http://www.templatemonster.com/magento-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=magtuts67 More Magento Tutorials: http://www.templatemonster.com/help/ecommerce/magento/magento-tutorials/?u