Knowledgebase

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

  • betheme responsive logo, betheme responsive sticky header logo, betheme responsive header
  • 0 Users Found This Useful
Was this answer helpful?