1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
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

Solved How to center social icons on slide-in menu?

Discussion in 'Free Divi Community Forum' started by Creative007, Feb 14, 2021.

  1. Creative007

    Creative007 New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Good day/evening,

    I'm looking to center the social icons on the center of the slide-in menu as shown in the picture below in the inspect element on Chrome.

    The values work in realtime but not as CSS addition into Divi.

    I've tried
    --------------------------------------
    .et_slide_menu_top ul.et-social-icons {
    align-content: center;
    }
    --------------------------------------
    .et_slide_menu_top ul.et-social-icons
    float:center;
    }
    ---------------------------------------
    div .et_slide_menu_top ul.et-social-icons {
    align-content: center;
    }
    ---------------------------------------
    And many other combinations to no avail...

    Does anyone know how to do this for the latest Divi version?

    Thanks!
     

    Attached Files:

    #1 Creative007, Feb 14, 2021
    Last edited: Feb 14, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    If it works when you changed it in browser inspect tools, then you might want to try to add !important for your CSS. For example:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Feb 14, 2021
  3. Creative007

    Creative007 New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Thank you for your response. Unfortunately, the following was not able to move the social icons.

    .et_slide_menu_top ul.et-social-icons {
    align-content: center!important;
    }
     
    #3 Creative007, Feb 14, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below instead:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help, Feb 14, 2021
    Creative007 likes this.
  5. Creative007

    Creative007 New Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    .et_slide_menu_top ul.et-social-icons {
    width: 100%;
    text-align: center;
    }

    This worked nicely to center the social icons on the slide-in menu. Thank you for your assistance!
     
    #5 Creative007, Feb 15, 2021
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
(You must log in or sign up to post here.)