Creating A Stand alone Reservation Cart

[Lisa Heath]

Hello

I would like to add to the right side of the search results for desktop view, a sticky cart which follows the page down. I believe the cart is this – mphb-reservation-cart

How can I do this.

Many thanks

[J. Davis]

Hi Lisa,
Thanks for your question. You can try applying the custom CSS styles. As an example, you can try applying the following style:

@media(min-width:991px){
  
  #mphb-reservation-cart {
  position: sticky;
  float: right;
  width: 25%;
  top: 0;
}

.mphb_sc_search_results-wrapper .mphb-room-type{
  width:70%;
}
}

You can add more CSS to adjust the style to meet your requirements.

[Author]

Posts