Marx Creative on the Divi showcase Feb 2019!

Marx Creative on the Divi showcase Feb 2019!

If you didn’t know, I work at a design agency in south east QLD (Australia) called Marx Creative that does really great design. I’m the lead web developer (digital designer by title since I do other digital stuff too, like video editing) at Marx Creative. I develop most of the websites we design, and the other simpler ones I oversee development just so they adhere to our standards. (We have incredibly high standards.)

I work with wonderful co-workers, who are the best at what they do. The overall design of Marx Creative was done by our art director/lead graphic designer, and I think she does wonderful work. Our boss also oversaw the whole project as creative director, and our project manager made sure we had the time and schedule to get it finished. (it took us about half a year, woah)

So yeah, super happy about all this. 🙂

Note: The Almost Inevitable website (this here) is just me trying to share tips, tutorials, and thoughts from working in the industry, while offering products like web development courses which help pay for the server, and the occasional coffee. 

So anyways, we normally do not submit any of our web creations to ET’s design showcase or do I post links on Facebook groups because our clients usually run analytics on their sites and if our clients’ sites get international traffic that’s highly unrelated to the clients’ target market, the analytics become really confusing. So although we are usually very proud of our work, I don’t post our sites anywhere.

However, the recent redesign was for ourselves. So I thought it might be worth submitting to ET, hoping they like it.

So yeah, I’m so happy we made it in the Feb 2019 Divi design showcase list.

In the short time between the post and now, I’ve had quite a few requests for tips and tuts on how to create our site.

Let’s start with a video:

I’ll go over everything.

For the list of resources:

Child theme. I usually use a custom child theme that has most of the stuff we always use for our builds. It’s similar to this free child theme. So go get that to start with.

 

If you use that child theme, then that’s fine, but otherwise, you’re gonna need to be able to add layouts here and there. You can do that with this tut.

 

Divi 100 Hamburger extension ET released a plugin for the hamburger, and I just used that. It still works fine. Link here

 

A lot of people have asked about the menu.

You can get the tutorial here:

Also this for a bit more tweaking

 

For the blurb (the project grid was made with blurbs) hover and mobile responsiveness you can find the tutorial here:

 

The vertical slider controls can be done with this tut

 

It took a while, but the arrows were from a laborious adaptation of this pen:

https://codepen.io/nicoencarnacion/pen/XpaRQV

 

I think I covered most of it. If you have any questions, let me know.

Also, plug:

 

[sc name=”responsive-ad”]

 

[sc name=”learn css”]

 

Newsletter Sign up Form

Get Breakdance

Breakdance is, in my opinion, the best page/site builder on the market, which is why all my tutorials use Breakdance. It's also why I have an affiliate link. You don't pay extra, but I get a little commission, so it helps support the site. Thanks!

Get ACF Pro

Another essential plugin for site building. This isn't an affiliate link, it's just for convenience.

Get WP Codebox Pro

If you'd like an easier to use, and more advanced code management plugin (instead of just editing and making files yourself) then WP codebox pro is for you. Adding php, js, and even SCSS. Pretty nice! Affiliate link below.

Blank Plugin

Sort of blank. It's made to be easy to use with the tutorials. Download and edit any way you see fit.
  1. Love the design of Marx Creative. Do you have any tutorial or info on how the header is built? I really like the SVG cut out image effect. And thank you for a great site and all your tutorials. 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

New tutorials

Auto-updating Year in Footer
Designing Beyond the Brief
Disable Gutenberg Editor on some ACF pages
ACF flexible content fields in Breakdance 2.4

Got a question? ask!

If you have any question about the content on this page, feel free to send me an email by clicking the button below.

newsletter? sign up!

Sign up to the newsletter for updates on tutorials, news, and offers.

Join the cypher!

An awesome membership program for Breakdance Builder users coupled with an inclusive, friendly community.

Got a question?

If you have a question about something on this page, send me an email, and hopefully I can answer, and we can solve it!