Make menu button stick to one place

Hello,

I am trying to make the menu button stick to the top right in all screen sizes. However, it changes position when switching from mobile, tablet and desktop. Can someone help me out?

The website is vixomedia.se and here is the current additional CSS:

.site-logo{
  max-height: 45px;
}

@media only screen and (max-width:1024px){
  
	.site-header, 
	.site-header.fixed {
    background-color: rgba(0,0,0,0); 
  position: absolute !important;
      }
	
	.site-logo{
		height: 30px;
		position: absolute;
	}
	
  #masthead.site-header.fixed{
    position: fixed;
  }	

  .header-wrap{
    text-align: left;
  }
	
}

Thanks!

EDIT: I also just noticed that the header slider image doesn’t cover the entire screen, the background is visible at the bottom. Is there a way to fix this as well?

Hello,

  1. Please check this topic:
    Header Height and menu position

  2. Please create a new topic for your second issue to keep forum in good order and make it easier to help you.

Kind Regards, Roman.