Show floating action buttons on mobile

[lifewithasan]

Hello Hivepress Team!

On the mobile version since the reviews aren’t display as a carousel users need to scroll down a lot if they want to book the activity. I think floating button on the bottom of the screen which says book now or request to book would be great. Are there anyways like easy custom code snippet to add a future like this?

[ihor]

Thanks for your suggestion, we plan this UX improvement. Unfortunately there’s no simple fix for this, but we can provide a CSS snippet to reverse the sidebar position on mobile (to show it at the top), let me know if this works for you.

[lifewithasan]

It would be great if you can share. Than you!

[andrii]

Hi,

Please use this CSS snippet:

.hp-template--listings-view-page .hp-form--listing-filter{
    display: flex;
    flex-direction: column-reverse;
}

[lifewithasan]

Hi Andrii!

Thank you for your help but it’s not actually what I was looking for this is the one for the filter button on the listings view page. I wanted to know if you have any code snippet to change the book now or request to book button into form of floating button in the listing view page.

[andrii]

Hi,

Sorry, there’s no simple code snippet for this, it would require a custom implementation. If customizations beyond the available features are required for your site, please consider hiring someone for custom work https://fvrr.co/32e7LvY