Image hover, main menu drop down, custom buttons, footer formatting, and more…

Hi there, I have a few questions about desktop and mobile amends.
I’ve got screen grabs and css changes here:
https://www.dropbox.com/sh/6eaha9afax7vowt/ze_E9tvTtM

My domain is lisa-leung.com
It’s a private site so here’s a temporary log in:
User: enfold
Password: support

Thank you!!!

Desktop

1. Custom hover state for images.
– Change hover colour to #000
– Remove icon and replace with
– Remove rounded corners

2. Changes to main menu drop down
– Move hover state up to line up with content
– Reduce line spacing of drop down items
– Remove line from top of drop down
– Reduce width of drop down

3. Increase padding above full width slider

4. Use custom left/right buttons on slider

5. Use custom pagination indicator on slider

6. Remove line from under full width slider

7. Format footer text

8. Custom ‘back to top’ button

Mobile

9. main menu shifts left when window is resized

10. Logo is no longer vertically aligned for Phone

11. Slide out menu disappears

12. Style slide out menu to match desktop version

13. Make a main menu item trigger sub menu only, and NOT a destination page

14. Use em dashes to separate menu items for mobile only

15. Use custom buttons for slide out menu and close