Breakpoints with Redux

  • Resolved ZC Web

    (@zc-web)


    6 years, 4 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)

    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)

    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)

    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.