All Collections
FAQ's and Troubleshooting
How To Move The Toggle Module Icon To The Left
How To Move The Toggle Module Icon To The Left

Toggle Module dropdown arrow position can be changed with CSS

Goran Cajic avatar
Written by Goran Cajic
Updated over a week ago

To move the Toggle Module dropdown arrow position from right to the left follow these steps:

  1. Go to the Toggle module -> Advanced tab -> CSS Class and add a new CSS class. In our example, we will use the et_toggle_arrow CSS class.

    For more details on how to add a custom CSS class, you can also visit this article: How To Add Additional CSS Classes To Divi Modules.

  2. Insert this CSS code into Divi > Theme Options > Custom CSS box and click the green "Save Changes" button to save changes:
    โ€‹

    /* Start Toggle Module icon move */
    .et_toggle_arrow .et_pb_toggle_title:before {
    left: 0 !important;
    }
    .et_toggle_arrow .et_pb_toggle_title,
    .et_toggle_arrow .et_pb_toggle_content {
    padding-left: 1.5em !important
    }
    /* End Toggle Module icon move */

    As a result, the Toggle Module dropdown arrow will show left of the Toggle Title:
    โ€‹

Did this answer your question?