css - 如何在桌面和移动设备上拥有单独的导航？

Question

1. 我使用这个模板作为我的投资组合的基础，https://html5up.net/phantom

目前，网络和移动设备都有汉堡导航。我怎样才能让汉堡菜单只在手机上显示？我尝试将菜单 CSS 的 @media 屏幕和 (max-width: 736px) { 更改为 480 但它没有改变任何东西..？

2. 还有没有办法改变菜单的粉红色悬停？

标签： css

Answer 1

/*use*/
@media only screen and (max-width: 736px){

      /*then put the hamburger class here*/



}