Divi Quick Tip 03: How to Stop Logo & Menu Shrink When Scrolling - Best Webhosting

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

Watch Wordpress Elegant Themes Video: Divi Quick Tip 03: How to Stop Logo & Menu Shrink When Scrolling.
In this Divi Quick Tip we show you how to stop the logo and menu area from shrinking when you scroll. The slight shrinking animation is a default feature of the Divi theme by Elegant Themes. However, for some users, something that stays the same size at all times is preferable. Here's how to achieve it.

Read the accompanying blog post: http://goo.gl/Ai8chP

Watch full episode: https://youtu.be/Ls-BIdlk7Es

Subscribe to our YouTube Channel: https://goo.gl/oxCa4h
Subscribe to Divi Nation on iTunes: https://goo.gl/w8fccT
Subscribe to Divi Nation via RSS: http://goo.gl/vz04Vc
Get Divi Nation on Facebook: https://goo.gl/zPFjxj

Published: Tuesday, August 20, 2019 10:16 AM
Category: Wordpress Elegant Themes

83 Views

Related Videos

How to Shrink Your Global Header’s Size When Scrolling with Divi’s Theme Builder

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

When you’re designing a fixed global header, you might want to shrink the header’s height when your visitors are scrolling. It helps reduce the space the global header takes up in your visitors’ viewport height. In this tutorial, we’ll guide you through that process. We’ll start by building the menu, and then we’ll add some JQuery and CSS code to trigger the effect. You’ll be able to download the JSON file for free as well! Read the article here: http
Popular
Divi Quick Tip 06: How to Make Divi's Hamburger Mobile Menu Your Default Desktop Menu

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

In this Divi Quick Tip we show you how to make Divi's hamburger mobile menu your default desktop menu. Get the code snippets for this quick tip from the accompanying blog post: http://goo.gl/x7QydY Subscribe to our YouTube Channel: https://goo.gl/oxCa4h Subscribe to Divi Nation on iTunes: https://goo.gl/w8fccT Subscribe to Divi Nation via RSS: http://goo.gl/vz04Vc Get Divi Nation on Facebook: https://goo.gl/zPFjxj
Divi Quick Tip 10: How to Trigger Animations When Scrolling Both Up & Down

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

In this edition of Divi Quick Tip we show you how to use a small jquery script to trigger page element animations on both the up and down scroll--whereas by default they would only trigger on the down scroll. Get the code here: http://goo.gl/dgXpNF Subscribe to our YouTube Channel: https://goo.gl/oxCa4h Subscribe to Divi Nation on iTunes: https://goo.gl/w8fccT Subscribe to Divi Nation via RSS: http://goo.gl/vz04Vc Get Divi Nation on Facebook: https://
Divi Quick Tip 09: Converting a Divi Menu Item into a Call to Action Button

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

In this Divi Quick Tip we show you how to turn a standard menu item into an in-line call to action button. Get the code and follow along here: http://goo.gl/Onxl1e Subscribe to our YouTube Channel: https://goo.gl/oxCa4h Subscribe to Divi Nation on iTunes: https://goo.gl/w8fccT Subscribe to Divi Nation via RSS: http://goo.gl/vz04Vc Get Divi Nation on Facebook: https://goo.gl/zPFjxj
How to Add a Responsive Logo to Your Fullwidth Menu Module in Divi

by Best Webhosting Added 1 year ago 11 Views / 0 Likes

Did you know that over 50 percent of internet traffic comes from mobile devices? That means that the mobile version of your website is extremely important, and may even be the primary way someone will visit your page. Making sure that your website is responsive and mobile-friendly is an essential step in designing a website. In this tutorial, we will show you how to add a responsive logo to your fullwidth menu module using Divi’s built-in responsive o
How to Make Your Logo Cross The Primary & Secondary Menu Bars Inside Your Divi Header

by Best Webhosting Added 2 years ago 29 Views / 0 Likes

Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-make-your-logo-cross-the-primary-secondary-menu-bars-inside-your-divi-header When it comes to building a header, the possibilities are endless. You can include anything you can imagine inside your Divi header if you use the Divi Theme Builder. Today, we’re adding another highly-requested header design tutorial to your list of resources. We’ll show you how to make your logo cross the
How to Reveal Your Global Header While Scrolling Up & Hide While Scrolling Down with Divi

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

When you’re creating your global header, there are many things you need to take into account. The elements you place in your header need to help your visitors navigate easily. To reduce the time people spend navigating, many web designers opt for a fixed top header, allowing visitors to go to other pages or posts right away. That’s really convenient, but when creating a fixed header, a big part of your visitors’ viewport height is taken up, allowing l
CSS Mix Blend Mode Text Scrolling Effects - Quick CSS Tips and Tricks

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

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Name : Spring In My Step by Silent Partner from YouTube Audio Library Music URL : https://www.youtube.com/watch?v=siCmqvfw_1g
Black And White Scrolling Effects Using Html & CSS | Quick CSS Tips & Tricks

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

CSS Parallax Image Hover Effects https://www.youtube.com/watch?v=szGPXwg2LVE Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070 Music Credit Track: Tobu - Roots [NCS Release] Music provided by NoCopyrightSounds. https://www.youtube.com/watch?v=7wNb0pHyGuI
How to Stop Contact Form Messages from Going Into SPAM! (Quick & Easy Fix)

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

A big problem most people have, is that the contact form messages from your WordPress website is sent directly from your spam folder! So in this video - I show you how to fix that by apply a simple filter in Gmail! Quick & Easy Gmail Filters Tutorial! Recommended Tutorials Design, Build & Launch a WordPress Website: https://youtu.be/ZGYqIWZG48k eCommerce Tutorial: https://youtu.be/rNLO9zG9BLk SEO Tutorial: https://youtu.be/f_n0_cxWqSs Please Like, Com
CSS3 clip-path circle() and Scrolling Text Animation Effects | Quick CSS Tutorial

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

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve
3D Logo Design - Pure CSS tutorials - Quick Code

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

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/