Fixed Mobile Icon Placement

Hello,

Having issues fixing the placement of the mobile menu hamburger and ‘x’ (to close) icons. I need the position fixed on all widths (unless displaying the full menu on desktop/laptop. Any ideas? I tried this but it only works for landscape view on mobile, not portrait. When you flip to portrait the ‘x’ is not aligned.

@media only screen and (max-width: 480px) {
a#advanced_menu_toggle {
position: fixed;
right: 5%;
top: 7%;
}}

@media only screen and (max-width: 480px) {
a#advanced_menu_hide {
position: fixed;
right: 5%;
top: 7%;
}}