WP Rentals Help WP Rentals Help

  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API
Home / Menu Options / How to display top bar in sticky header with Custom CSS

How to display top bar in sticky header with Custom CSS

7620 views

To display the top bar within the sticky header, please use the following CSS:

.header_wrapper.customnav {
margin-top: 40px;
}

.top_bar_wrapper {
position: fixed;
}

This ensures that the top bar remains fixed at the top of the page and adjusts the main header positioning accordingly.

You can add custom CSS in Theme Options > Design > Custom CSS. The changes you make here will not be overwritten when you update the theme.

To see the CSS changes, you may need to clear cache from WpRentals Cache (if enabled).

If your CSS changes are not showing up, it may be due to incorrect CSS code or browser caching. As an alternative, you can use the WordPress Customizer (a default WordPress feature), which allows you to preview changes immediately and helps bypass cache issues.

Menu Options

Related Articles

  • How to Add Login | Register Modal in Elementor Buttons
  • How to Enable and Use the Mega Menu
  • How to hide the Submit Property And Login / Register buttons
  • Mobile Menu: How to change colors

HELP CATEGORIES

  • 61. General
  • 102. Installation & Basic Setup
  • 93. Installation FAQ
  • 404. How Booking Works
  • 145. User dashboard pages
  • 20Advanced Search Options
  • 3Blog Post
  • 9Custom Page Templates
  • 18Elementor Compatibility
  • 13Email Notifications
  • 19FAQ
  • 10Menu Options
  • 26Multi-Languages - 3rd party
  • 9Owner
  • 25Property / Listing
  • 21Shortcodes
  • 11Submit Form
  • 4Supported Maps
  • 93Technical how to
  • 5Third Party plugins
  • 3Translation
  • 13Widgets
  • 2WooCommerce Payments
  • 13WP Rentals Payment
  • 77WP Rentals Theme Options

Join Us On

Powered by WP Estate - All Rights Reserved
  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API