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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 an extra piece of text before the shopping cart icon in your woo-commerce divi site.
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.
Welcome to my wordpress Divi portfolio. I have gathered and documented some DIVI tips that I have learnt over a period of time, while designing Divi websites for my clients.
For this example I have added custom CSS to the DIVI row module. This will style the row container that holds its columns and modules.
I would love to hear about how I can help you with your business website. I have a Masters in Computer Science from Pace University, New York. Having worked in the software industry for many years, I am now freelancing and have specialized in using the DIVI theme from Elegant Themes, since the past five years. Do have a look at my portfolio to view my other completed projects. Feel free to contact me and I will get back to you immediately.