1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

How to get the cart and the search loop visible in lay-out 12

Discussion in 'Basic Support Forum' started by Christian de Geus, Apr 22, 2020.

  1. Christian de Geus

    Christian de Geus New Member
    Divi Ultimate Header Plugin

    Hi,

    How can I get the cart and the search loop visible in lay-out 12. Header and slide in menu.

    Best, Chris
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    To add the cart icon, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    As for the search, you need to add a search bar module in it.
     
  3. Christian de Geus

    Christian de Geus New Member
    Divi Ultimate Header Plugin

    And how to get it next to the hamburger menu as well?
     

    Attached Files:

    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to look for the below Section & add a new Text module. See screenshot below:

    upload_2020-4-23_17-12-37.png

    In your text module content, add this: [du_header_cart_icon_minimal]

    And go to the Text module settings > Advanced > Custom CSS > Main Element & add:
    Code:
    Log In or Sign Up to view this code.
    And add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  5. Christian de Geus

    Christian de Geus New Member
    Divi Ultimate Header Plugin

    Great! And how to add the search icon in the header as well?
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Not possible for that, as there's no module for search icon. Only have search bar module.
     
  7. Christian de Geus

    Christian de Geus New Member
    Divi Ultimate Header Plugin

    Hi,

    when I use the following css I don't see the cart icon in the slide in menu

    • .free-cart-menu {
      display: block!important;
      }
    What am I missing?

    Best, Chris
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS instead & see if it works:
    Code:
    Log In or Sign Up to view this code.
    Paste it in Divi > Theme Options > Custom CSS.
     
    Christian de Geus likes this.
  9. Christian de Geus

    Christian de Geus New Member
    Divi Ultimate Header Plugin

    Great, that worked. How can I set the bodycommerce cart to the slide in menu?
    Sent a PM and IP address for the link
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    To add it as part of the menu item, you may try plugin like this to insert the bodycommerce cart shortcode as a menu item: https://wordpress.org/plugins/shortcode-in-menus/

    If you want to place it elsewhere, you may just go to edit the custom header at WP Admin > Divi > DU Header - Library & add a text module with the cart shortcode in it.