Category: Divi Theme Customization

How To Align Centre Divi Footer Copyright Text

Apply This CSS Code: #footer-info { width: 100%; margin:0 auto; text-align: center !important; } @media only screen and (min-width: 980px) { #footer-bottom .et-social-icons { margin-bottom:-28px; } } .bottom-nav { text-align: center; }

How To Create Collapse Submenus on Mobile For Divi

If you are using our free Divi child theme, place this snippet into the scripts.js file and remove the <script> tags at the beginning and end. Otherwise, place this in your Divi>Theme Options>Integrations tab in the “Add code to the < head > of your blog” code area. <script > jQuery(function($) { $(document).ready(function() { $(“body ul.et_mobile_menu li.menu-item-has-children, body ul.et_mobile_menu  li.page_item_has_children”).append(‘<a href=”#” class=”mobile-toggle”></a>’); […]

How To Change Divi Mobile Menu Color

Apply this CSS: /* Main header */ @media only screen and (max-width: 1000px){ #main-header{ background-color:#020202; } } @media only screen and (max-width: 980px) { #et-top-navigation span.mobile_menu_bar:before, #et-top-navigation span.mobile_menu_bar:after { color: white !important; } }

How To Chnage The Design of Divi Default Menu

Apply This CSS code: #top-menu li li a { border: 1px solid whitesmoke; margin-bottom: 15px; text-align: center; } #top-menu li li a:hover { color: #ffde00; background: black; opacity: 1!important; } .nav li ul { border-top: 0px solid #0dbad8; margin-top: -10px; } .nav li ul { width: 380px; } #top-menu li li a { width: 350px; […]

How To Create Divi Fullwidth Contact Form Submit Button

user this CSS code: /** Divi Contact form full-width submit button **/ body #page-container .et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button { width: 97%; margin-left: 7px; margin-top: 6px; } body #page-container .et_pb_contact_form_0 .et_contact_bottom_container { width: 100%; } /** Divi Contact form full-width submit button for mobile **/ @media (max-width: 479px){ .et_contact_bottom_container { width: 100%!important; } .et_pb_contact_submit { width:100%!important; } }

How To Create Button in Divi Menu Bar

place this code on menu: <span class=”et_pb_more_button et_pb_button”>Sample Button</span> then place this code in custom CSS: #et-top-navigation .et_pb_button { margin-top: 0px; font-size: inherit; font-weight: inherit; } #et-top-navigation .et_pb_button:after { font-size: 23px; }  

How To Chnage Menu Underline Color On Mobile In Divi

Apply This CSS Code: /* chnage menu underline color in mobile */ .et_color_scheme_red .et_mobile_menu, .et_color_scheme_red .footer-widget li:before, .et_color_scheme_red .et_pb_pricing li:before { border-color: #00994c; }

How To Change The Mobile Menu Bar Color In Divi Theme

Appy this CSS code : /* Changing the mobile menu button color */ @media only screen and (max-width: 980px) { #et-top-navigation span.mobile_menu_bar:before, #et-top-navigation span.mobile_menu_bar:after { color: #00994c !important; } }