MARKETPLACE
PLUGINS
DROPDOWN CHEVRON CENTERING
Dropdown Chevron Centering logo

Dropdown Chevron Centering

Published April 2024
   •    Updated this month

Plugin details

This plugin allows you to center the chevrons in dropdowns by leveraging the "padding-right" property. The chevron's position is dynamically calculated to align with the center of the defined padding, rather than being fixed to the dropdown's right edge.

Demo page : https://plugins-playground-23187.bubbleapps.io/version-test/dd_chevron_centering

Free

For everyone

1.0 stars   •   1 ratings
48 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Martin B. Levy logo
Martin B. Levy
Joined 2023   •   16 Plugins
View contributor profile

Instructions

Once installed, it will automatically apply to all native Bubble dropdown elements.
To center the chevron in your dropdowns, simply adjust the padding-right value in your dropdown’s style settings.

Example:
If you set padding-right to 24px (see demo page) the chevron will be positioned exactly in the center of these 24px.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Technical   •   Media   •   Containers   •   Data (things)

Resources

Support contact
Tutorial

Rating and reviews

Average rating (1.0)

Does not seem to work
December 16th, 2024
No support given on intended use
Hi! It seems there may have been some confusion regarding its setup and usage. Let me clarify: The plugin centers the chevron of Bubble’s native dropdowns based on the padding-right property. To use it correctly, you’ll need to adjust the padding-right value in your dropdown’s style settings. For example, if you set padding-right to 24px, the chevron will be positioned in the center of that 24px space. (I’ve now updated the plugin’s description and added clearer instructions to help users better understand how it works.) (plugin author)
December 16th, 2024
  •  
Martin B. Levy
Bubble