Skip to content

Trip Reviews

[trip_rating_summary] Shortcode

Updated July 31, 2026 6 min read

Travelscape Pro allows you to customize your Site Header for mobile and tablet browsers.

To configure the pagination settings, follow these steps:

Navigate to Dashboard > Appearance > Customize > Site Header >> Mobile Header

Let’s go through each option and how to use them step by step:

Enable Sticky Header

  • Description: When enabled, the header will remain at the top of the screen as you scroll down the page.
  • How to Use:
    • Toggle the switch to enable or disable the sticky header.
    • If the switch is blue, the sticky header is enabled.
    • If the switch is gray, the sticky header is disabled.

Show Header Button

  • Description: Displays a button in the mobile header, typically used for important actions like “Sign Up” or “Contact Us.”
  • How to Use:
    • Toggle the switch to show or hide the header button.
    • If the switch is blue, the header button is shown.
    • If the switch is gray, the header button is hidden.

Show Search Form

  • Description: Adds a search form to the mobile header, allowing users to search the site content directly from the header.
  • How to Use:
    • Toggle the switch to show or hide the search form.
    • If the switch is blue, the search form is shown.
    • If the switch is gray, the search form is hidden.

Show Contact Info

  • Description: Displays contact information (such as phone number or email) in the mobile header.
  • How to Use:
    • Toggle the switch to show or hide the contact info.
    • If the switch is blue, the contact info is shown.
    • If the switch is gray, the contact info is hidden.
  • Description: Determines the alignment of the links in the mobile header (left, center, or right).
  • How to Use:
    • Select one of the three alignment options by clicking on the corresponding button.
    • The options are:
    • Left align (button with three lines aligned to the left)
    • Center align (button with three lines centered)
    • Right align (button with three lines aligned to the right)
  • Description: Adjusts the spacing between the links in the mobile header.
  • How to Use:
    • Use the slider to increase or decrease the space between the links.
    • You can manually enter a value in pixels in the box next to the slider.

Toggle Menu Icon

  • Description: Changes the style of the menu icon used in the mobile header.
  • How to Use:
    • Select one of the three menu icon styles by clicking on the corresponding button.
    • The options are:
    • Standard hamburger icon (three horizontal lines)
    • Compact hamburger icon (three shorter horizontal lines)
    • Plus icon (+)

Publishing Changes

Once you have made all the desired changes, click the “Publish” button at the top right corner to apply the changes to your site.