Responsive

How to set up options relating to the responsive mode.

General

Options relating to the responsive mode

Layout

  • Responsive – responsive mode ON/OFF
  • Decrease Fonts – ON/OFF smaller fonts on smaller devices
  • Pinch Zoom – enable/disable pinch zoom effect on mobile devices where responsive mode is active
  • Responsive Menu Initial Width – specify screen width when responsive menu should replace the regular one
  • Sticky on Tablet – enable/disable sticky header on tablets
  • Transparent – enable/disable header transparency on mobile (screens under 768px width)
  • Menu Button | Sticky – ON/OFF mobile sticky menu button
  • Menu Button | Text – type own text insstead of menu icon
  • Top Bar Icons – choose position for Top Bar icons

Options

  • Boxed to Full Width – change layout from boxed to full width on mobile devices that are less than 768px width
  • Hover Effects – enable/disable hover effects on mobile devices
  • Section | Background Image – choose between various positions of background images
  • Section | Parallax – enable/disbale Parallax effect on mobile devices

Logo (optional for those who wants to define different logo on mobile devices only)

  • Logo
  • Retina Logo

Was this article helpful?

Related Articles

Leave A Comment?