WP Rentals Help WP Rentals Help

  • Client Support
  • Video Tutorials
  • WpEstate
Home / Menu Options / How to change login Icon on Mobile Menu and icons for My booking/MyReservation

How to change login Icon on Mobile Menu and icons for My booking/MyReservation

If you want to change this icon from Mobile Menu:

Replace the icon with custom css through WpRentals Child theme -> Style.css

Install Child theme -> Edit Style.css and copy paste below code

Help to install child theme https://help.wprentals.org/article/how-to-activate-child-theme/

i.fas.fa-cogs {
margin: 25px 0px;
}

.mobile-trigger-user:before {
content: "\f007";
font: normal normal normal 14px/1 FontAwesome;
font-size: 30px;
}

.fa-cogs:before{
display:none;
}

Clear theme cache (if enabled)

Clear browser cache if needed (mobile browser cache too)

Check results

 

To change icons for My reservation:

.fa-folder-open:before {
content: “\f236”!important;
}

 

To change the icons for My bookings:

i.far.fa-folder-open:before {
content: “\f02e”!important;
}

Menu Options

Related Articles

  • Display top bar in sticky header
  • 1.20.4 Mega Menu
  • How to hide the Submit Property And Login / Register
  • Theme options – Footer

HELP CATEGORIES

  • 61. General
  • 102.Installation & Basic Setup
  • 93. Installation FAQ
  • 374. How Booking Works
  • 165. User dashboard pages
  • 14Advanced Search Options
  • 3Blog Post
  • 11Custom Page Templates
  • 3Elementor Compatibility
  • 13FAQ
  • 8Menu Options
  • 28Multi-Languages - 3rd party
  • 9Owner
  • 22Property / Listing
  • 19Shortcodes
  • 12Submit Form
  • 5Supported Maps
  • 92Technical how to
  • 5Third Party plugins
  • 4Translation
  • 14Widgets
  • 2WooCommerce Payments
  • 12WP Rentals Payment
  • 68WP Rentals Theme Options
  • 14Wp Rentals Updates
Follow Us : Powered by WordPress and WP Estate-All Rights Reserved
  • Client Support
  • Video Tutorials
  • WpEstate