Documentation

Responsive

Responsive options for the whole theme

General

  • Responsive

    Turn on/off the responsive mode

Quick Tip!

Responsive option

All of settings below will not work if responsive mode is disabled

Layout

  • Mobile Grid width

    Maximal mobile grid width

  • Decrease Fonts

    Automatically decrease all of the sizes of the fonts - based on primary font size

  • Pinch Zoom

    Enable/disable pinch zoom effect on mobile devices

    • Options

      • Boxed to Full Width

        If your website is using boxed layout, you can turn on this option to make it full width on mobile

      • Section | Background Image

        Choose between various positions of background images

      • Section | Parallax

        Enable/disable Parallax effect while responsive

      • Section | Horizontal padding

        Enable/disable horizontal padding while responsive

      • Wrap | Move Up

        Enable/disable Move Up option while responsive

      • Logo

        Select a normal logo for your website. This field cannot be empty, the BeTheme logo will be set by default.

      • Retina Logo

        The retina logo is optional. The logo size should be 2 times larger than the normal logo size.

      • Logo

        Select a sticky header logo for your website. This field cannot be empty, the BeTheme logo will be set by default.

      • Retina Logo

        The retina logo is optional. The logo size should be 2 times larger than the normal logo size.


Header

Header

  • Tablet options

    Turn on/off additional options for tablet header

  • Mobile options

    Turn on/off additional options for mobile header

Header Minimal

  • Layout

    Choose the header layout while responsive mode

Quick Tip!

Header Minimal does not work?

Be sure, that you turned on the "Minimal" option in Mobile Options

Top Bar

  • Icons

    Align your icons for repsonsive header
    (Works when minimal header is disabled)

Menu

  • Mobile breakpoint

    Width at which the mobile menu is turned on

  • Menu

    Select the custom mobile main menu

  • Style

    Choose between "Side Slide" and "Classic" dropdown menu

  • Side Slide | Width

    Width of the Side Slide menu

  • Side Slide | Hide

    Toggle some elements on side slide menu

Menu | Button

  • Button | Text

    Text provided there will be used instead of the menu icon

  • Button | Sticky

    Turn it on to make the menu button sticky all of the time

Try it now