Documentation
CtrlK
HomeCommunitySupportYoutube
  • Zion Builder
    • Introduction
      • About Zion Builder
      • Free vs Pro Differences
    • Installation
      • Installing Zion Builder Free
      • Installing Zion Builder Pro
      • System requirements
      • Register License
    • Fundamentals
      • Visual Editor
        • Interface
        • Tree view
          • Tree view
          • Section view
          • Wireframe
          • Other
            • Small Tree-view panel
            • Breadcrumbs navigation
        • Library
          • How to reuse Global Elements
          • Share Zion Builder’s Local Library with other websites
        • History
        • Responsive Breakpoints
          • How autoscale and preview width work
          • How to add or remove breakpoint
          • How to show/ hide elements on different breakpoints
        • Page Options
        • Info / Save & Publish
          • Key Shortcuts
        • Element Options Panel
          • General Tab Options
            • 12 column grid explained
          • Styling Tab Options
            • Stylings
              • Background
                • Multi Layered Gradients
            • Inner selectors
              • Create any Hover Animation That You Want using CHILD SELECTORS
          • Advanced Tab Options
            • Repeater
              • How to create a repeater
              • Create a custom WooCommerce Product Slider with the Slider Builder + Repeater + Dynamic Data
        • Elements
          • Section
          • Column
          • Container
          • Text Editor
          • Heading
          • Image
          • Button
          • Image Box
          • Image Slider
          • Accordions
          • Tabs
          • Modal
          • Icon
          • Icon Box
          • Counter
          • Gallery
          • Video
          • Separator
          • Store Notices Options
          • Checkout Thank You
          • Checkout customer details
          • Checkout order review
          • Checkout wrapper
          • Checkout login
          • Checkout coupon notice
          • Cart products
          • Cart totals
          • Loop add to cart
          • Product cross sell
          • Related products
          • Product breadcrumbs
          • Product reviews form
          • Product title
          • Product data tabs
          • Product stock
          • Product rating
          • Product price
          • Product meta
          • Product images
          • Product description
          • Add to cart
          • Product additional info
          • Sticky Elements
          • Custom HTML
          • Social share buttons (Pro)
          • Search form (Pro)
          • Countdown (Pro)
          • Shortcode
          • Google Maps
          • Progress Bars
          • Anchor Point
          • Testimonials
          • Icon List
          • Alert
          • Sidebar
          • Soundcloud
          • Pricing Box
          • Tabs with nested page builder elements (Pro)
          • Accordions with nested page builder elements (Pro)
      • Admin Panel
        • Zion Builder Settings
          • General Settings
          • Font Options
          • Custom Icons
          • Presets
          • Performance
          • Library
          • Permissions
          • Templates
          • Custom code
          • Tools
          • System Info
          • PRO license key
        • Theme Builder
          • Header & Footer Builder
          • WooCommerce Builder
        • Mega-menu Settings
      • How To
        • Animate Elements
        • Edit with Zion Builder
        • Adding Elements
        • Edit elements
  • Video Tutorials
    • Getting Started
      • Getting Started with Zion Builder
      • Columns
      • Two buttons side by side
      • Responsive breakpoints
    • Navigation
      • Header & Footer Builder
      • Create a Mega-Menu from Scratch
      • How to make a Sticky header with Zion Builder
    • Blog
      • How to make a Blog from scratch
    • WooCommerce
      • Create a custom WooCommerce Product Archive & Product page
      • Create a WooCommerce Product Slider
    • Dynamic Data
      • How to use Advanced Custom Fields and Custom Post Types
      • Create a custom WooCommerce Product Slider with the Slider Builder + Repeater + Dynamic Data
    • Other
      • Global Elements
      • Multi-Layered Gradients
      • Create any Hover Animation That You Want using CHILD SELECTORS
  • Features
    • Features
      • Style options
      • Theme Builder (PRO)
      • WooCommerce builder (PRO)
      • Mega menu (PRO)
      • Element Advanced Display Conditions (PRO)
      • Child Selectors
      • White Label (PRO)
      • Using background option
      • Inline editor
      • Responsive
      • Auto-save system
      • Export/Import Templates
      • Global CSS Classes
      • Templates
      • Dynamic Content (Pro)
      • Regenerate CSS
      • Global Colors & Gradients (Pro)
      • Custom Icons (Pro)
      • Custom Fonts (Pro)
      • Adobe Fonts (Pro)
      • Replace URL s
      • Dark / Light mode
      • Coming soon/Maintenance mode
      • Repeater / Query loop
      • User permissions
      • Custom attributes
      • Shape dividers
  • Elements Panel Options
    • Elements Panel Options
      • Column Gaps
      • Using panel element options
      • Gradient Background
      • Typography
      • Borders and shadows
      • Sizes and spacing
      • Display options
      • Transition options (Pro)
      • Transform Options (Pro)
      • Filters Options (Pro)
      • Custom CSS (Pro)
      • CSS Pseudo-Class Selectors (Pro)
      • Custom JavaScript (Pro)
      • Shape dividers
  • Integrations
    • WooCommerce
    • Advanced custom fields
      • How to use ACF and CPT
    • Polylang
  • Developers
    • Create custom elements
      • How to create a custom plugin
      • Registering elements in JavaScript
      • Registering elements in PHP
      • The plugin structure
    • Elements
      • Class Elements
      • Creating your first element
    • Hooks
      • PHP hooks Plugin actions
      • PHP Hooks – Editor actions and filters
    • Options
      • Options helpers
      • Render tag
      • Render attributes
      • image_gallery
      • custom_selector
      • image
      • Select
      • dynamic_slider
      • slider
      • colorpicker
      • Text
      • Default options structure
      • Add new style options
  • Pricing and license
    • Pricing plans
    • License & Registration
    • My account
    • Affiliate program
  • Tips & Tricks
    • Create a custom Product Slider
    • Two buttons side by side in Zion Builder
    • Using Inline Editor
    • Using the most useful key shortcuts
    • Speed up the design process
    • Identifying your elements in a large page
    • Adding color in different formats to the color picker
    • Right click
    • Report bugs
    • How to open a support ticket
    • Update Zion Builder
  • FAQ
    • General
      • What is Zion Builder?
      • Is Zion Builder compatible with all themes and plugins?
      • What is Pro version?
      • How Zion Builder enhances website performance?
      • Can I edit all Blog page with Zion Builder?
      • Can I edit all WooCommerce pages
      • Can I try Zion Builder Pro before purchasing it ?
      • Will Zion Builder stop working if I don't renew my subscription?
      • Do you offer support if I need help?
      • I have other pre-sale questions, can you help?
      • Can I integrate Zion Builder for my commercial theme?
      • What WordPress Theme do you recommend ?
      • Do you support ACF & Meta Box?
      • Do I need to know how to code?
      • How is Zion Builder better than Elementor?
      • How is Zion Builder better than Oxygen?
      • How can I see the premade templates built with Zion Builder?
    • Purchases
      • What payment methods are accepted?
      • How can I upgrade my subscription?
      • Do you offer refunds?
      • How can I cancel my subscription?
    • Technical questions
      • Can I edit posts or other custom posts with Zion Builder?
      • How do I manage permissions?
      • How can I upgrade?
      • Can I change the video background source for different devices?
      • How to Create Latest Posts / Recent Products
  • Troubleshooting
    • Steps to Take Before Submitting a Ticket for Assistance
    • I can't change the text color
    • Having Problems Using Zion Builder?
    • Incorrectly positioned element after dragging
    • Edit with Zon Builder button doesn't appear
    • My license key doesn't work, what can I do ?
Powered by GitBook
On this page

Was this helpful?

  1. Zion Builder
  2. Fundamentals
  3. Visual Editor
  4. Responsive Breakpoints

How to add or remove breakpoint

PreviousHow autoscale and preview width workNextHow to show/ hide elements on different breakpoints

Last updated 2 years ago

Was this helpful?