Skip to content

Instantly share code, notes, and snippets.

.et_mobile_menu .parent-menu-item > a {
background-color: transparent;
position: relative;
}
.et_mobile_menu .parent-menu-item > a:after {
font-family: 'ETmodules';
content: '\3b';
font-weight: normal;
position: absolute;
<script>
(function($) {
function collapse_menu() {
var ParentMenuItem = $('.et_mobile_menu .parent-menu-item > a');
ParentMenuItem.off('click').click(function() {
$(this).attr('href', '#');
$(this).parent().children().children().toggleClass('show-menu-items');
$(this).toggleClass('switched-icon');
});
}
.el-flex-row {
display: flex;
flex-wrap: wrap;
}
.el-flex-row .et_pb_column {
display: flex;
flex-direction: column;
justify-content: space-between;
}
<div id="container">
<div class="grid-sizer"></div>
<div class="item">
<img src="Your Image URL" class="image">
</div>
<div class="item">
<img src="Your Image URL" class="image">
</div>
<div class="item">
<img src="Your Image URL" class="image">
html {
overflow-y: scroll;
}
body {
font-family: sans-serif;
margin: 0; padding: 0;
}
.item {
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script type="text/javascript">
jQuery(window).load(function() {
jQuery('#container').masonry({
"itemSelector": ".item",
"columnWidth": ".grid-sizer",
});
});
</script>
@elicus
elicus / divi-module-dev-helper.php
Created April 24, 2020 11:40
Function to fix error while creating custom divi module
<?php
protected function _enqueue_bundles() {
// Frontend Bundle
$site_url = wp_parse_url( get_site_url() );
$hot_bundle_url = "http://localhost:3000/static/js/frontend-bundle.js";
wp_enqueue_script( "{$this->name}-frontend-bundle", $hot_bundle_url, $this->_bundle_dependencies['frontend'], $this->version, true );
if ( et_core_is_fb_enabled() ) {
// Builder Bundle
$hot_bundle_url = "http://localhost:3000/static/js/builder-bundle.js";
wp_enqueue_script( "{$this->name}-builder-bundle", $hot_bundle_url, $this->_bundle_dependencies['builder'], $this->version, true );
@elicus
elicus / Hamburger.js
Last active October 14, 2021 12:32
How To Build Divi Hamburger Menu on Desktop
<script>
(function($){
$('body').on('click', '.de-menu-ham-icon', function(){
$(".de-menu-row").toggleClass("de-menu-active");
});
$('body').on('click', '.de-menu-close-icon', function(){
$(".de-menu-row").toggleClass("de-menu-active");
});
$('body').on('click touchstart', '.et-menu .menu-item-has-children > a', function() {
$(this).attr('href', '#/');
<script>
(function($){
$('body').on('click', '.dfh-27-hamburger-icon', function(){
$(".dfh-27-menu-row").toggleClass("dfh-27-menu");
});
$('body').on('click', '.dfh-27-close-icon', function(){
$(".dfh-27-menu-row").toggleClass("dfh-27-menu");
});
if($(window).width() < 981){
$('body').on('click touchstart', '.et-menu .menu-item-has-children > a', function() {
@elicus
elicus / Hamburger.css
Last active May 20, 2021 05:10
How To Build Divi Hamburger Menu on Desktop
<style>
.et-menu .menu-item-has-children > a:after {
content: '\4c'!important;
font-size: 24px !important;
font-weight: normal!important;
padding-left: 10px;
right: auto !important;
}
.et-menu .menu-item-has-children > .de-menu-switched-icon:after {