Breakpoints with Redux

Resolved ZC Web
(@zc-web)

7 years, 7 months ago

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 Contributor Dōvy Paukstys
(@dovyp)

7 years, 7 months ago

That would be up to the theme developer. We have 32 different field types. They’d have to build that feature in.
Thread Starter ZC Web
(@zc-web)

7 years, 7 months ago
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:
```
                        array(
                            '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?
Plugin Author Kev Provance
(@kprovance)

7 years, 6 months ago

If you are taking about media queries (https://www.w3schools.com/css/css_rwd_mediaqueries.asp) 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.

Tags