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.
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.
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.