I need to improve my "mobile/responsive"-view version by adding these 2 features at my website - [url removed, login to view]:
1. Add one FIXED menu only for "Header" and "Footer" - see screenshot (freeze header & footer (mobile view).jpg) - refer sample page from other site: [url removed, login to view] (mobile view only)
> Click "Book Now", refer item 2 below (which i will give more explaination)
> Click "Home", go to existing "Home" page
> Click "Location", go to existing "contact" page
> Click "Call us", call out mobile caller pre-fill up with hotel phone number
> Click "Rooms", go to existing "accommodation" page
> Click "Photos", go to existing "gallery" page
> Click "Offers", go to existing "Offers" page . This menu highlight with red color (can change it myself later)
Note: Each menu option include nice icons as showing in sample page using CSS.
2. When user click "Book Now" button as mentioned in item 1 above, you may refer how it work from this page - [url removed, login to view]
The "reservation panel" will appear after user click "reservation menu" option as what you can see this upgraded page - [url removed, login to view] temporary. In mobile view, it should showing the same effect. When user click "reservation" option(regardless how many time they click in mobile/responsive version), "reservation panel" will appear and showing (in mobile view) and show to user to ready to fill up the booking preference before click "search" button.