Responsive – Betheme Support Center

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 site width

    Maximal mobile site width

  • Pinch Zoom

    Enable/disable pinch zoom effect on mobile devices

Options

  • Layout

    Choose if content on mobile should be default (with padding on sides) or force full width

  • Section background image

    Choose between various positions of background images

  • Section parallax

    Enable/disable Parallax effect while responsive

  • Section video

    Enable/disable video background for mobile view

  • Section horizontal padding

    Enable/disable horizontal padding while responsive

  • Wrap move up

    Enable/disable Move Up option while responsive

  • Footer text alignment

    Choose if content in the Footer alignment should be default or centered

  • Mobile sidebar

    Choose if sidebar on mobile should be disaplyed below content or in off-canvas

  • 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.

Safari bar

  • Light scheme background

    Select a color for safari bar for light mode.

  • Dark scheme background

    Select a color for safari bar for dark mode.


Header

Layout

  • Header height

    Use if you want different header height on mobile

  • Subheader padding

    Use if you want different subheader padding on mobile

Menu

  • Menu breakpoint

    Choose when (at which width) regular menu should switch to hamburger menu

  • Style

    Choose the style for your mobile menu: Classic, Side Slide. Affects Header Simple & Empty on desktop

  • Side slide width

    Choose width for Side slide menu style

  • Side slide options

    Choose if social icons should be enabled or not for side slide

  • Menu button text

    This text will be used instead of the menu icon

  • Custom menu

    Choose menu to display on mobile view. Overrides all other menu select options

Mobile

  • Layout

    Choose one out of seven mobile layout styles: Default, Logo left | Menu right, Logo center | Menu right, Logo right | Menu right, Logo left | Menu left, Logo center | Menu left, Logo right | Menu left.

  • Icons alignment

    Option available with Default style only. Choose alignment for icons: left, center, right

  • Options

    Enable or disable options for sticky and transparent mobile header.

  • Sticky menu button

    Enable or disable sticky hambuger button

Mobile icons

Choose where header icons should be displayed: Hide, Top bar, Side slide, Both

  • User
  • Wishlist
  • Cart
  • Search
  • WPML
  • Action button

Tablet

  • Options

    Enable or disable sticky header for tablet view.

Try it now