Divi Tips & Tricks
Welcome to my Divi Tips & Tricks blog! Here, you will find a collection of valuable insights, tips, and tricks to help you make the most out of the Divi theme. Whether you’re a beginner looking to get started or an experienced user seeking advanced techniques, my blog covers a wide range of topics to enhance your Divi and WordPress skills.
Explore my posts to learn how to create stunning layouts, optimize your website for performance, and utilize the powerful features of the Divi theme to build professional and responsive websites. I regularly update this blog with new content, so be sure to check back often for the latest tips and tricks.
Feel free to browse through the posts and don’t hesitate to leave a comment or get in touch if you have any questions or need further assistance.
Change Color of Primary and Mobile Menu on Hover in DIVI
Let’s use CSS to change the color of the DIVI primary menu and sub menu links on desktop and mobile, when you hover over them.
Show Social Media Icons on Mobile in DIVI
Do you want to display your social media icons on mobile in DIVI? Let’s see how we can use a few lines of CSS to display the social media icons on mobile.
Add Background Image to your DIVI Mobile Menu
In today’s DIVI TIP we will add a background image to our DIVI mobile menu using a few lines of CSS. Read my DIVI Blog for more such tips.
Add Extra Text Before or After your Mobile Menu in DIVI
By default on mobile the menu turns into a hamburger icon. Lets add some text before or after the mobile menu in DIVI using CSS.
Change the Color for Email, Phone and Social Media Icons in DIVI
In this post we will learn how to change the color for the email and phone number in DIVI. We will also change the color of the social media icons like Facebook, Twitter etc.
Add Extra Text on your DIVI Top Header Before the Phone Number
The Top header in DIVI sits right above the primary menu bar. Let’s add some extra text to the top header using jQuery. We will add the text just before the phone number.
Turn Header Phone Number into Clickable Link in DIVI
When you add a phone number and email in your DIVI theme customizer, the email is clickable but the phone number is not. Lets make it clickable.
How to Align the DIVI Secondary Menu to Left or Center
Aligning the DIVI Secondary menu to left or center is easy with a few lines of CSS. When you create secondary menu it is by default aligned to the right.
How to Remove the Drop Down Arrow from the DIVI Primary Menu
By default DIVI will add a drop down arrow to your primary menu when it has sub items. With a few lines of CSS, we can remove the arrow from the menu.
How to add Google Analytics to your DIVI Theme
DIVI theme options makes it easy to add Google Analytics. In this tutorial I will show you how to add your GA account to your WordPress DIVI theme.
How to Display All Your Posts or Pages on the same page on your WordPress Dashboard
Spending too much time paginating through your posts or pages in WordPress?. Let’s see how to display all post, pages & custom post types on a single page on your WordPress Dashboard.
Change Mobile Menu Top Border in DIVI
By default when you click on the hamburger menu on mobile or tablet devices, you will find a blue border in DIVI. This blue border is right below the hamburger icon and above the mobile menu items. Lets see how to change it.
Zoom Image on Hover – DIVI
Add a zoom effect to your images on hover in DIVI with a few lines of CSS. This is easy to achieve and will make your site more interactive.
Add extra text before shopping cart icon using jQuery in Divi
Add an extra piece of text before the shopping cart icon in your woo-commerce divi site.
How to change Hamburger or Mobile Menu Color in Divi
Change the color of the DIVI mobile menu also know as the hamburger on tablet and mobile with a couple of lines of CSS. This is very handy in customizing and branding your website with your chosen colors.