MDMR – addon product
$29.92
Learn to customize the responsive behavior of Divi while learning to code CSS layouts! (NOTE: This is an addon course to the basic CSS course. Only users who are registered in that course are able to purchase this product)
Description
[et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” next_background_color=”#000000″][et_pb_row][et_pb_column type=”4_4″][et_pb_text _builder_version=”3.0.89″ background_layout=”light”]
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.0.89″ module_class=”thisguyflexes”][et_pb_column type=”1_2″][et_pb_text admin_label=”is this you” _builder_version=”3.0.89″ background_layout=”light”]
Is this you?
- You find yourself duplicating a section to make a separate mobile layout (and now you can’t use # anchor links)
- You get frustrated with wonky text sizes, image sizes, image backgrounds, spacing, margins, and.. yeah.. ugh.
- You are at the mercy of Divi’s responsiveness, and sometimes it’s not what you want.
- You want to use the default menu on desktop, but you like the slide in menu for mobile.
If you are frustrated with settling for convoluted methods of building responsive websites because you weren’t confident in CSS to do it, then this course is for you.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″][et_pb_text _builder_version=”3.0.89″ background_layout=”light”]
Target Level
- You can look through CSS and change some stuff… was it font-color? ugh
- You can type up a couple of lines of CSS, but it doesn’t always show on the frontend.
- You have to add !important to everything, and they keep hijacking each other.
- You keep adding suggestions from everyone, and now you have a mess of CSS.
What you need is a proper introduction to CSS (I promise I won’t overwhelm) and some guidance in how to write it. Once you get the main idea, it’s just practice from that point on.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” _builder_version=”3.0.89″ background_image=”http://almostinevitable.com/wp-content/uploads/2018/01/ios-new-mobile-gadget-163096.jpg” parallax=”on” prev_background_color=”#ffffff” next_background_color=”#f7f7f7″][et_pb_row _builder_version=”3.0.89″ make_fullwidth=”on”][et_pb_column type=”4_4″][et_pb_text _builder_version=”3.0.89″ background_layout=”light” text_orientation=”center” module_alignment=”center”]
You care about mobile, but you need the skillz
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ _builder_version=”3.0.89″ background_color=”#f7f7f7″ prev_background_color=”#ffffff” next_background_color=”#ffffff”][et_pb_row][et_pb_column type=”4_4″][et_pb_code _builder_version=”3.18.4″]
Curriculum
- It’s not just stacking
02 CSS
- 01 The Basics (CSS Crash Course)
- 02 Media Queries
- 01 Responsive Text Sizes
- 02 Line Breaks
- 03 Alignments
- 01 Introduction
- 02 When to Flex
- 03 Changing Layouts
- 04 Contact Forms
- 05 Buttons
- 06 Call to Actions
- 07 Banners
- 08 Blurbs
- 09 Person
- 10 Portfolio Grids
- 11 Woocommerce
- 01 Introduction
- 02 Building Responsively
- 03 Header
- 04 Footer
- 01 Extra Tips on Mobile
- 02 Conclusion, Downloads
[/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” prev_background_color=”#f7f7f7″ next_background_color=”#f7f7f7″][et_pb_row][et_pb_column type=”4_4″][et_pb_text _builder_version=”3.0.89″ background_layout=”light”]
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.0.89″ module_class=”thisguyflexes” module_class_1=”columnone” module_class_2=”columntwo”][et_pb_column type=”1_2″][et_pb_text admin_label=”Here are some things you will learn ” _builder_version=”3.0.89″ background_layout=”light”]
You will learn to…
- Use CSS properly for expert building (this applies to some parts on desktop too).
- Arrange grids to be multiple columns on mobile for Woocommerce products and/or portfolio items.
- Use the default menu on desktop and slide in menu on mobile.
- Make your own headers and footers that look great on mobile.
- Make a button for driving directions to the destination on mobile.
- Make new layouts that use the mobile screen more efficiently.
- Rearrange elements and control the stack like a boss.
- Center elements easily on desktop and mobile.
- And more!
[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″][et_pb_image _builder_version=”3.0.89″ src=”http://almostinevitable.com/wp-content/uploads/2018/01/alldevices.jpg” show_in_lightbox=”off” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” module_class=”nexttotext” /][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.0.89″ module_class=”thisguyflexes reverse” module_class_1=”columnone” module_class_2=”columntwo”][et_pb_column type=”1_2″][et_pb_image _builder_version=”3.0.89″ src=”http://almostinevitable.com/wp-content/uploads/2018/01/pexels-photo-341523.jpg” show_in_lightbox=”off” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” module_class=”nexttotext” /][/et_pb_column][et_pb_column type=”1_2″][et_pb_text admin_label=”What’s included ” _builder_version=”3.0.89″ background_layout=”light”]
What’s Included?
- All the videos (over 8 hours) explaining every detail on how to code your own custom Divi responsive layouts.
- A child theme specifically made to include responsive sections to ensure easy and responsive builds.
- A child theme cheat sheet – A PDF file of the instructions on how to use the child theme easily.
- Access to both direct comments on the lessons and a course-specific forum where you can ask questions, share results, and read other people’s solutions.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.0.89″ module_class=”thisguyflexes” module_class_1=”columnone” module_class_2=”columntwo”][et_pb_column type=”1_2″][et_pb_text admin_label=”Updates?” _builder_version=”3.0.89″ background_layout=”light”]
What about updates?
Of course there are going to be updates to Divi and WordPress, and that could sometimes mean changes to some files and some modules’ behaviors. In that case, there will be a new video added to the course for you to check. Also, new videos can sometimes be added if there are a lot of people asking similar questions.
So, no worries, anything concerning updates will be added.
This includes Divi updates, WordPress updates, and anything/everything else that happens to come along.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″][et_pb_text admin_label=”child theme?” _builder_version=”3.0.89″ background_layout=”light”]
What child theme?
You’ll be getting a child theme that:
- is unlimited in its usage, so no worries about licensing. If you took the course, it’s yours.
- is updated whenever there’s a major update to its dependencies (WP, Divi)
- has two stylesheet files properly enqueued for Divi, one for extra responsive behavior, and one for your own edits.
- allows the Divi builder on all post types
- includes extra snippets you might find useful – svg support, no more Open Sans default, extra Divi library shortcodes
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” _builder_version=”3.0.89″ background_color=”#f7f7f7″ prev_background_color=”#ffffff” next_background_color=”#ffffff”][et_pb_row][et_pb_column type=”1_4″][/et_pb_column][et_pb_column type=”1_2″][et_pb_text _builder_version=”3.0.89″ background_layout=”light” text_orientation=”center” module_alignment=”center”]
With mobile browsing accounting for more than half of the world’s internet usage (source), you could say this course is
Almost Inevitable
[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” _builder_version=”3.0.89″ background_image=”http://almostinevitable.com/wp-content/uploads/2018/01/device-grid.jpg” parallax=”on” prev_background_color=”#f7f7f7″ next_background_color=”#f7f7f7″][et_pb_row][et_pb_column type=”1_4″][/et_pb_column][et_pb_column type=”1_2″][et_pb_text admin_label=”add to cart” _builder_version=”3.18.4″]
Start making Divi more responsive
$29.92Add to cart
[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off” _builder_version=”3.0.89″ background_color=”#f7f7f7″ prev_background_color=”#ffffff”][et_pb_row][et_pb_column type=”4_4″][et_pb_code admin_label=”mailing list signup” _builder_version=”3.0.89″ saved_tabs=”all” module_class=”narrowyo”][/et_pb_code][et_pb_text _builder_version=”3.0.89″ background_layout=”light”]
Update
– Child Theme checked with Divi 3.18.6. Also checked with WordPress 5.0. Divi has some smaller columns, which is addressed in an update video. Also, course access expiry changed to 1 year.
– Child Theme checked with Divi 3.13.1. Additional update notes added to the lesson page. Divi has improved in some instances, which is great.
– Forum closed. People seem to be more comfortable sending emails (commenting on the lessons are still fine) so no more forum.
– Child Theme checked with Divi 3.11
– Child Theme v1.0.2: Child theme files edited and updated for Divi 3.3.1
Photo Credits
Water photo by Bagas VG on Unsplash | iPhones photo on Pexels | Stack of Phones on Pexels | Devices in white photo by eleven x on Unsplash | Devices photo by Vadim Sherbakov on Unsplash
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]
Only logged in customers who have purchased this product may leave a review.
Reviews
There are no reviews yet.