Follow us

fullwidth | Divi Soup

fullwidth

R38: How to Show a Default and Hamburger Menu at the Same Time

In this Divi recipe I will show you how to display a default styled menu along with a hamburger menu at the same time. If you need to create a site that utilises two menus, this solution using the built in Divi options, minimal code and no plugins is for you.

read more

R36: How to Control the Divi Header and Slider Height and Content Position

In today’s recipe I will show you how to add a little CSS so that you can control the height of your header and slider modules, regardless of the amount of content, and position that content at the top, middle or bottom.

read more

F21: Combined Slider & Blurbs with Navigation

This free Divi layout uses the native Divi fullwidth slider and blurb modules in a very unique way. Completely restyling and repositioning the slider dot navigation so it sits over the blurb module and changes opacity when the relevant slide is active.

read more

F2: Fullscreen Split Hero Section with Animated Content

This free Divi layout uses the native Divi fullwidth header module but with some cool modifications to animate each of the text and button elements so they slide in individually on page load.

read more

F1: Excerpt Reveal on Hover Fullwidth Blog Grid

This free Divi layout is great as an alternative to the standard Divi blog grid. It showcases your blog images in a fullwidth grid layout with no gutters, whilst still allowing the user to view the excerpt on hover.

read more

Diagonal Parallax Page Layout

Diagonal Parallax Page Layout Scroll down for instructions ↓ DIAGONAL PARALLAX 1. Download the layout from the files section of the Divi Soupies Facebook Group 2. Import into a new page (not the library) DIAGONAL PARALLAX 3. Copy the CSS between the tags (not the tags... read more

R21: How to add the Ken Burns Effect to the Divi Fullwidth Header

In recipe #21 I show you how to add the popular Ken Burns zoom and pan effect to the Divi fullwidth header module. No plugin, no JS and no PHP, just CSS 🙂

read more

R20: How to Create a Fullwidth Alternating Blog Layout

Recipe #20 How to Create a Fullwidth Alternating Blog Layout in Divi. This recipe uses the odd & even CSS pseudo classes to create a unique Divi blog layout.

read more

R12: Alternating Left and Right Aligned Fullwidth Slider

Recipe #12 is a variation on Recipe #8 where I showed you how to align the fullwidth slider text to the left or right. I have been asked a few times now how to align the text to the left on one slide, then to the right on the next slide, so this recipe shows you how.

read more

Q4: Faking the Boxed Layout with Fullwidth Menu

Sometimes you want to use the boxed layout in Divi but you still want the menu to be fullwidth which isn’t currently possible, here’s how to fake it!

read more

Q3: Making The Specialty Section Fullwidth

Here is a another Quick snack for you, making the specialty section fullwidth. I love the specialty section and think it is really underused.

read more

R8: Aligning The Fullwidth Slider Text Left or Right

Recipe #8 Aligning the fullwidth slider text left or right is something a lot of people seem to be struggling with. So here’s a recipe to show you how.

read more

Archives

Like us on Facebook

Enter your details below to get notified of the launch and early bird pricing

You have successfully joined the waitlist!

Pin It on Pinterest