Reply To: Make different header section sticky on mobile and desktop

Hello,

Your problem is resolved. The general header row goes hidden when I use the below CSS code in “Custom CSS for mobile” and undo your code from global custom CSS area:

.whb-sticked .whb-main-header .whb-general-header  .whb-general-header-inner{
display:none;
}

Result: https://jmp.sh/Kg8iUMH

I paste your custom code back, but you must have to delete your custom code from global custom CSS area so that my provided code will work for header.

About your sidebar car, to display the view cart button in white color which shown in you sidebar cart. You can use the below CSS code in global custom CSS area:

.btns-default-dark .widget_shopping_cart .buttons .btn-cart{
color:white;
}
	
.btns-default-dark .widget_shopping_cart .buttons .btn-cart:hover{
color:white;
}

Result: https://jmp.sh/phy9fhT

Best Regards.