Shopify Website Changes

Hi Shopify Developers, We have a website known as [login to view URL] and we want some changes on the our website below, these feature should only be available when website is viewed on mobile devices. The website template displayed on desktop should not be changed. 1. If you open the website [login to view URL] on mobile device and select an item. It will take you to the item page and underneath it you will see a buy now orange button which is fixed in its place even if you scroll the page. 2. Once you press the buy now button, it open a dialogue asking for continue shopping or go to cart with a animation putting the item in the cart. 3. If you scroll down in the item page, you will see a add to cart button even in mobile device when user clicks on this button it should also show animation putting the item in the cart. 4. When you press continue shopping the dialogue box is removed but when you select go to cart button it takes you to the checkout page with "Proceed to Checkout" button which is fixed in its place even if you scroll the page. 5. When you click on "Proceed to Checkout" button it takes you to the login page to fill the shipping information 6. On our website we want to display cart icon on top instead of 1,2 numbers when its viewed in mobile devices. 7. On our website we want Show order summary to be expanded by default in the check out page. 8. On our website the product details heading should come in the middle and text should wrap up to the next line 9. We want to remove the yellow buy now button in the image slider in the homepage. The image slider should be clickable and go to the particular link. 10. The shopping cart summary page is not formatted or aligned properly in mobile devices as it shows in the desktop version of the website. It needs to be fixed. 11. Install SEO Doctor app without breaking the website. Please make a backup of the website before starting work. Any question, feel free to speak to me on chat.