Support » Plugin: Redux Framework » Breakpoints with Redux

  • Resolved ZC Web


    Is it possible to have breakpoints for different widths. Either as using max-width or min-width? In my instance I want the header height to be smaller on mobile. I allow user in theme options to set the header. Would love to have a field say mobile header height.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Dovy Paukstys


    That would be up to the theme developer. We have 32 different field types. They’d have to build that feature in.

    Right now I can render CSS which is placed in the option-style.css file. I was wondering if when CSS is rendered it can go to a certain breakpoint like say with a screen and max-width 500px. Here is a header height code I have right now:

                                'id'       => 'header-height',
                                'type'     => 'dimensions',
                                'units'    => 'px',
                                'width'    => false,
                                'title'    => __('Header Height', 'zora-options'),
                                'subtitle' => __('Main Nav', 'zora-options'),
                                'compiler'  => array(
                                    'height' => '.header, .logo, .main-nav, .mobile-wrap, .logo-container'

    That would be for desktop or everything unless I have separate mobile height via a separate dimensions field. How would it be applied to a breakpoint of max 500px in my example. Is this possible. To render CSS into a breakpoint?

    If you are taking about media queries ( then no, Redux does not support this. The only workaround it to create additional fields designed for mobile modes.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Breakpoints with Redux’ is closed to new replies.