---
title: "Custom Media Query Breakpoints"
url: https://theplusaddons.com/elementor-extras/custom-media-query-breakpoints/
date: 2025-04-18
modified: 2025-07-09
author: "pinank Panara"
description: "Customize your Elementor columns easily with full control over column ordering, width, media query breakpoints, and backend overlay on hidden items. All of this without writing a single line of code."
image: https://theplusaddons.com/wp-content/uploads/2025/04/Custom-Media-Query-Breakpoints-1024x981.png
word_count: 119
---

# Custom Media Query Breakpoints

## Custom Media Query Breakpoints for Column Settings
Easily configure column width, margin, padding, visibility, and order for custom breakpoints. Add multiple min/max values using a repeater for ultimate control.

## Rock Climbing

-
This will be hidden from 320px to 850px.

-
Sequence of this will be 2nd in 850px to 1200px.

## Skydiving

-
This will be hidden from 1100px to 1200px.

-
Sequence of this will be 1st in 850px to 1200px.

## Surfing

-
Width of this column will be 50% below 650px

-
It will have 50px margin on left below 650px.

## Key Features of Elementor Before After Slider​
![](https://theplusaddons.com/wp-content/uploads/2024/07/Horizontal-Vertical-and-Opacity-Mode.png)
### Horizontal, Vertical & Opacity Mode
![](https://theplusaddons.com/wp-content/uploads/2024/07/Upload-Before-and-After-Image-with-Label.png)
### Upload Before & After Image with Label
![](https://theplusaddons.com/wp-content/uploads/2024/08/Before-After-Customize-Everything.png)
### Customize Everything

## Watch How it Works
Subscribe for more Such Elementor Video Tutorials