The Divi Theme's header shrinks to a more compact view as you start to scroll down the screen. If you'd like to delay the header shrinking effect, so that it happens further down the page (e.g. so that the user would have to scroll down, say, 500px before the header...
dan
Hide the Divi Search Icon on Mobile Devices
If enabled, the Divi Theme displays the search icon (a magnifying glass) in the header bar on all devices. If you want it to appear only on larger devices, not mobiles, you can hide it from mobiles in the following way: @media only screen and ( max-width: 980px ) {...
Use an "App-Style" Header Layout for Divi on Mobiles
The Divi Theme's header dynamically modifies itself to look good on small devices, such as smart phones. Here's how to make it look a little bit better. If you leave (or set) the Divi header as the "Default" header style, it will look like this: Depending on the size...
Fixing the Divi Header Menu Magnifying Glass Issue
There is a slight issue with the Divi Theme when you try to put a lot of links in the header bar, which sees the links shift down a row and the search box magnifying glass icon to get pushed down the page. Here's how to fix it. First, a look at the issue. Here is how...
Using the Divi Page Builder on Posts
Update: As of Divi 2.4, the Divi Theme now supports the Page Builder on posts. Simply start a post and click "Use Divi Builder" to enable the builder - there is no need to follow the steps in this post. One of the most impressive features of the Divi Theme is the...
Preventing the Divi Theme Horizontal Scroll-Bar Bug
There is a minor bug in the Divi Theme which causes the horizontal scroll bar to be shown and allows the user to scroll a little bit past the edge of the main blog. Here's how to fix it. First, an example of what I'm talking about. Notice that the horizontal scroll...
Making the Divi Box Layout Overlap the Header
While the Divi Theme doesn't seem to have support for making the box layout main area overlap the header navigation bar, we can achieve the effect quite easily. Here's what the result will look like: To achieve this effect, first disable the fixed navigation bar in...
Add Border to Divi Image Gallery Images
If you'd like to add a border to images in the Divi Theme's image gallery module (in grid view), you can do it like so: /* Add a border to the images */ .et_pb_gallery_grid .et_pb_gallery_image { box-sizing:border-box; border:1px solid black; }
Change Divi Image Gallery Grid Thumbnail Sizes
The Divi Theme comes with a gallery module which gives you the option of displaying your image gallery as a series of thumbnails (grid view). Changing the Gallery Grid with Divi Booster Divi Booster adds options to the Divi Gallery module settings for controlling the...
Adjust Slide Image Position in a Divi Slider Slide
The Divi Theme slider module has the option to add an image beside the slide text. If you'd like to change the position of the image for a particular slide, there are two main ways to do so. Move the Slide Image using Divi's Settings Divi offers two options for the...