Wordpress
How to modify Astra theme settings for pages and posts in batch instead of one by one
How to organize meetings with Zoom video calls from a WordPress website
How to set a minimum and maximum order in your WooCommerce store
How to change the order of Divi submenu items
How to remove all Divi shortcodes when changing themes
How to auto link to WooCommerce product tabs from short description
How to remove JavaScript to reply to comments in WordPress if you don't need it
How to add a custom message when paying in WooCommerce according to the selected country
How to fix critical WordPress error
How to turn off the default animation on Divi image galleries
If you use the Divi theme you will surely love the secondary menu and have used it on more than one website, as it is a great way to show contact options and your social networks.
In a menu you can put on one side, in addition to the default fields for phone and email, links to the web's social networks; and at the other end any menu you assign to the location.
What there is not is any adjustment to change the location of both elements: social icons + email + phone and personalized menu. By default, the first ones are on the left and the second on the right, yes or yes.
But actually, if you want, you can make the change, and it's very simple, you just have to dare to add a little CSS code in the additional CSS section of the customizer, just that.
The code is this:
#top-header .container {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
flex-wrap: wrap; }
#top-header .container:before, #top-header .container:after {
display: none; }
#top-header #et-info, #top-header #et-secondary-menu {
float: none !important;
}
Once you save the changes in the customizer you already have it, the elements on the opposite side of the usual one.
Date update on 2021-02-16. Date published on 2021-02-16. Category: Computer class Author: Oscar olg Fuente: ayudawp