When it comes to managing website content on WordPress, there are many tools available to help make the process easier and more efficient. Two of the most popular and powerful tools are Elegant Theme's Divi theme and the Elementor plugin. In this article, we'll take a...
DIVI
Centering Divi Gallery on Mobile Devices
Add to CSS /* divi gallery center on mobile */ .et_pb_gallery_items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap:...
Installing Facebook Pixel Code on a Divi WordPress Site
How to install your Facebook Pixel Code when you have a WordPress Site with the Divi Theme. 1. Copy and paste your base Pixel Code into a text editor. Make sure that your Pixel ID is in the place of [Insert PIXEL ID# Here]Â in the code below. You can add more...
Increase width in dropdown menu
To avoid text wrapping in dropdown menus, try adding this to css: /* Increase width of drop-down menus */ @media screen and (min-width: 981px) { .sub-menu { min-width: 300px; } #top-menu li li a { width: 260px; /* Extra - Reduce padding on list items */ padding: 4px...
How to fix stuck menu headers in Divi sites
If you view a Divi site and see the menu not properly scrolling or transitioning to a sticky menu you can first try these steps: Log into the admin dashboard Go to Appearance > Customize Click on Header & Navigation Make small edits to the Fixed Navigation...
Optimize Divi for iPad View
At CharlesWorks our favorite theme these days is Divi, by Elegant Themes. We highly recommend it as it allows for much customization which is key in providing unique aesthetics for websites. The Divi theme has built-in settings for responsiveness for numerous devices...