General settings

Site-wide behavior, from responsive design, smooth scrolling and page transitions to breadcrumbs, pagination style, and custom tracking code.

General Settings is the first tab in Highend Options. It covers site-wide behavior that doesn't belong to layout, header, or footer, plus a few fields for iOS home-screen bookmarks.

Where to find it: Go to HighendHighend OptionsGeneral Settings.

The General Settings tab of Highend Options

iOS bookmark icons

These four uploads set the icon shown when someone adds your site to their iOS home screen, plus a custom title for that bookmark. All are optional. Leave them empty and iOS falls back to a screenshot of the page.

iOS Icon 57x57Imagehb_apple_icon

57×57px PNG for non-retina iOS devices.

iOS Icon 72x72Imagehb_apple_icon_72

72×72px PNG for non-retina iOS devices.

iOS Icon 114x114Imagehb_apple_icon_114

114×114px PNG for retina iOS devices.

iOS Icon 144x144Imagehb_apple_icon_144

144×144px PNG for retina iOS devices.

Custom iOS Bookmark TitleTextDefault: hb_ios_bookmark_title

A custom title for the bookmark, shown instead of your site name.

Site behavior

Responsive DesignSwitchDefault: Onhb_responsive

Turns on the theme's responsive breakpoints, the mobile hamburger menu, and the mobile-friendly viewport meta tag. Turning this off removes the mobile navigation entirely. Only turn it off if you're building a fixed-width, desktop-only site.

Site PreloaderSelectDefault: Disablehb_queryloader

Shows a loading animation while the page's assets finish loading. Youtube like adds a thin loading bar; Circle Spinner shows a centered spinner that covers the page until it's ready.

Page CommentsSwitchDefault: Offhb_disable_page_comments

Enables comments on pages (comments on blog posts aren't affected). A page also needs comments allowed in its own Discussion settings.

BreadcrumbsSwitchDefault: Onhb_enable_breadcrumbs

Shows the breadcrumb trail near the page title. Can be overridden for an individual page in the Title tab of its Highend Settings box.

Back To Top ButtonSwitchDefault: Onhb_to_top_button

Shows a button that scrolls back to the top of the page once the visitor scrolls down.

Back To Top Button IconSelectDefault: Default Arrow Uphb_back_to_top_icon

Icon shown inside the back-to-top button. Appears only when that button is enabled.

Default Pagination StyleSelectDefault: Standardhb_pagination_style

Standard shows numbered page links; Load More replaces them with a button that loads the next set of posts via AJAX. Can be overridden per blog page in its template's tab of the Highend Settings box.

Scrolling and page transitions

Smooth ScrollSwitchDefault: Offhb_smooth_scroll

Eased scrolling with a mouse wheel or trackpad. Touch screens and visitors who prefer reduced motion keep normal scrolling. Can be turned on or off for an individual page in the Advanced tab of its Highend Settings box.

Smooth Scroll IntensitySelectDefault: Mediumhb_smooth_scroll_intensity

How much the scrolling eases out: Subtle, Medium, or Strong. Shown when Smooth Scroll is on.

Page TransitionsSwitchDefault: Offhb_page_transitions

Animates from page to page when visitors follow links within your site.

Page Transition StyleSelectDefault: Fadehb_page_transitions_style

Fade, Fade up, Blur, Zoom, Parallax, or Cube. Parallax and Cube play in reverse on the back button. Shown when Page Transitions is on.

Page Transition SpeedSelectDefault: Normalhb_page_transitions_speed

Slow, Normal, or Fast. Shown when Page Transitions is on.

Keep Header in PlaceSwitchDefault: Offhb_page_transitions_header

The header stays in place above the changing page. When off, the whole page moves, header included. The WordPress toolbar always stays in place for logged-in users. Shown when Page Transitions is on.

Turn Off Page Transitions on PhonesSwitchDefault: Offhb_page_transitions_phones

Shown when Page Transitions is on.

Falls back gracefully

Page Transitions use the browser's View Transitions API; browsers without support just load pages as usual, no animation. Both Smooth Scroll and Page Transitions turn themselves off for visitors who prefer reduced motion, and Smooth Scroll also stays off on touch screens.

Custom code

Tracking CodeCodeDefault: hb_analytics_code

Google Analytics (or any other) tracking snippet, printed in the site footer. Paste the entire snippet including its own <script> tag. A bare tracking ID won't work.

Custom ScriptCodeDefault: hb_custom_script

JavaScript that runs on document ready, printed in the site footer. Don't wrap it in a <script> tag. Highend adds one for you automatically.

Custom CSSCodeDefault: hb_custom_css

CSS appended to the end of the theme's generated stylesheet, so it always wins over Highend's own styles without needing !important.

On this page