23 Comments

1. xAnny on 2021-07-13 at 08:43

   beautiful layout, thank you for this! one problem; the mobile menu is great but when i tap the hamburger menu i get the same symbol as before. how do i get the close icon that you have on the crib website?

   Reply
   • Victor Duse on 2021-07-13 at 10:02

     Thanks xAnny! Just add the CSS snippet below to your custom CSS to change the collapse icon in the mobile menu:

     /* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}

     Let me know how it goes!

     Reply
2. Den Siver on 2021-07-16 at 12:43

   Thanks! But I get this message when I import the layout: This file should not be imported in this context

   What am I doing wrong??

   Reply
   • Victor Duse on 2021-07-16 at 13:10

     Hi Den! You are probably trying to import a Theme Builder layout to the Divi Library or to a page, or the other way around.

     Make sure that you only import pages to pages and Theme Builder templates to the Theme Builder. Follow this video chapter step by step and it’ll work: https://youtu.be/8LCnT-xrr6M?t=21584

     Reply
3. Christian on 2021-07-25 at 08:36

   Great layout and very useful. Easy to work with 👉

   Reply
   • Victor Duse on 2021-07-25 at 09:41

     Thanks Christian! 👉

     Reply
4. Mike on 2021-09-18 at 05:44

   Good day. EXCELLENT VIDEO!

   I attempted to add your .json file my Divi Theme builder and all it would show is a red “x” and nothing would uploaded? Is there something I am doing wrong?

   I am using a a “staging” version of my website so that I can work on it to get it ready to go live.

   Reply
   • Victor Duse on 2021-09-20 at 11:18

     Victor Duse on 2021-09-18 at 13:59
     Thanks Mike! 👉

     I just tested an import on a fresh Divi 4.10.7 installation and it worked. Make sure that you import the Theme Builder templates by clicking the Portability icon (two arrows) in the the top right corner in the Theme Builder dashboard. The page templates can only be imported directly on pages. Check out the steps in this video: https://divimundo.com/wordpress-tutorial-for-beginners/import-export-json-layouts-in-divi/

     If you already done that, here are few things that can fix errors when importing layouts:

     * Make sure that you have sufficient memory allocation and timeout settings in Divi > Support Center
     * Update to the latest version of Divi
     * Deactivate all plugins before import (or at least caching and optimization plugins)
     * Try with another web browser

     You could also activate the WP debug log to see what causes the error and check with ET support if you get stuck.

     Let me know how it goes!

     Reply
5. Michael on 2021-12-02 at 17:58

   Where is the Icon Scroll Animation mentioned?

   Reply
6. Michael on 2021-12-02 at 18:06

   … found it here, thank you: https://divimundo.com/blog/create-scroll-down-icons-with-looping-animations/

   Reply
7. Victor Duse on 2021-12-03 at 11:25

   Great, that’s the one. I forgot to change the link in the preview image. I’ve updated it now. The curse of copying and pasting content to save time. 🙂

   Reply
8. AOT on 2022-03-02 at 10:32

   Hi, there is aproblem on news page, the top header social menu don,t see when ı add it my web site.
   Ican2t solve it, please help me.

   Page like this : https://techia.com.tr/site/__trashed-5/

   Reply
   • Victor Duse on 2022-03-02 at 14:23

     Hi AOT! The problem is that the top bar has a white background. Edit the first section in the header and add a dark background color (for example #1c1c1c) and you’ll see the icons and the button. If you can’t find it, you could add this CSS in Divi » Theme Customizer » Additional CSS:

     
.et_pb_section_0_tb_header {
background-color: #1c1c1c;
}


     Reply
   • Victor Duse on 2022-03-02 at 14:58

     One more thing: If it only looks strange on the blog page, try to clear the Divi cache in Divi » Theme Options » Builder » Advanced. You could also try to deactivate Dynamic CSS and Critical CSS in Divi » Theme Options » Performance

     Reply
9. Tommy on 2022-05-19 at 17:51

   Hello. Been tooling around with this site. Really looks nice! Is there a way to keep the logo in the header on the scroll? It disappears when scrolling (which is cool) but I think I’d like to keep it in the section on the scroll down. Thanks.

   Reply
   • Victor Duse on 2022-05-20 at 08:14

     Thanks Tommy! Sure, you need to remove the 0px image size in the sticky state. Check out this chapter and remove the settings that you don’t want to keep: https://youtu.be/8LCnT-xrr6M?t=6004

     Reply
10. davide on 2022-07-26 at 14:26

    Hi Victor, congratulations. Are the images in the layout free and NOT copyrighted? Thank you

    Reply
    • Victor Duse on 2022-07-26 at 15:05

      Hi Davide! Yes, you are free to use the images however you like. The icons are from Elegant Themes and most of the photos are from Unsplash and Pexels. They all use the “do whatever you like”-license. 🙂

      Reply
11. davide on 2022-07-27 at 14:12

    Thanks always very kind. But listen, nonsense but I don’t know how you did it .. How did you not write anything in the contact form, under the title of “privacy”? if you leave it blank, it writes to me: “new field”

    Reply
12. Victor Duse on 2022-07-27 at 16:12

    Just add a blank space in the title field and it will be blank.

    Reply
13. davide on 2022-07-27 at 16:46

    nooooo. 🙂 Thank you

    Reply
14. Holly Phipps on 2023-01-07 at 04:54

    Hi, thanks for this layout! How would I change the shape of the hero images so that they’re a regular rectangle (just go straight across on the bottom rather than the masked shape)?

    Reply
    • Victor Duse on 2023-01-07 at 14:53

      Sure, just go to the sections Design settings and expand the Dividers tab. From there, go to Bottom and set the Divider style to “None”.

      Here’s a complete video of me creating the layout. You can backtrack all the settings there (timestamps in the description): https://youtu.be/8LCnT-xrr6M

      Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.