Divi

Reverse Divi column order on mobile devices using the code below: @media screen and ( max-width: 980px ) { .reverse { display: flex; flex-direction: column-reverse; } } Simply works.

Code below fixed it: <script> jQuery(function($) { window.et_pb_smooth_scroll = function( $target, $top_section, speed, easing ) { var $window_width = $( window ).width(); $menu_offset = -1; if ( $ ('#wpadminbar').length && $window_width > 600 ) { $menu_offset += $( '#wpadminbar' ).outerHeight(); } //fix sidenav scroll to top if ( $top_section ) { $scroll_position = 0; } else { $scroll_position = $target.offset().top - $menu_offset; } // set swing (animate's scrollTop default) as defa...

Steps to stop your columns from breaking in Divi on mobile: - Add a class to the row > advanced CSS section (like “three-columns) - Add the class to your stylesheet or custom CSS area - Add .et_pb_column after the class - Adjust the with accordingly (like width: 33.33%!important for 3 columns on mobile) - You’ll also want to place this in a media query to make sure you don’t adjust the desktop version (see code below) And that’s it! Easy peasy. And again, you can add this to ...

Popular header Ola Made with <img draggable="false" class="emoji" alt="❤️" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/2764.svg"> by me.

.et_mobile_menu { padding: 0.5em; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; }

Center and uppercase menu links, remove border from the mobile menu: @media (max-width: 980px) { .et_mobile_menu li { text-align: center; text-transform: uppercase; } .et_mobile_menu li a { border-bottom: none; }

.mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; }