Replace desktop navigation bar with hamburger menu, cart icon and instagram logo at top left hand (Squarespace 7.1)

I have used this code to get the hamburger icon instead of navigation bar:

.header-burger { display:flex!important}
.header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;}
.header-nav, .header-actions {visibility:hidden!important}
@media screen and (min-width:768px) {
.header-burger {
    order: 2;
}
}
 

However, it has made the cart and instagram icons disappear.

Does anyone have any idea how to fix this?

Thanks,

Claudia

Hi. Can you share site url? We can help easier

Hi tuanphan,

Here you go: https://turkey-violin-3jkr.squarespace.com/config/design/custom-css

On 11/22/2020 at 6:27 PM, ClaudiaSurrage said:

Hi tuanphan,

Here you go: https://turkey-violin-3jkr.squarespace.com/config/design/custom-css

 

Your site is private. Can you setup password & share url?