Mobile view overlaps everything in header

HI, how do i fix header area in mobile view. Everything overlaps or comes to the middle[http://www.canadianvirtualassistantservices.com]

Hello,

Your additional CSS code is causing it, please correct your additional CSS code. To be more exact, it’s this part:

.site-header {
background-color: rgba(255,255,255,0.3) !important;
}
header.site-header.fixed.float-header{
  position: fixed !important;
  top: 0;
}
.page-id-26 .site-header{
  position: absolute !important;
  background-color: transparent !important;
}

Kind Regards, Roman.

Hi, I removed code you specified and this is the resule

how do i fix this ? it is worse than before.

Hello,

The website that you mentioned in your first post of this topic is not available, so I guess that the issue isn’t actual anymore.

Kind Regards, Roman.

​I will respost. I need to know how to fix this issue and this is the only
website Im having this issue with.​

Hello,

The website that you mentioned in your first post of this topic is not available, I mean this website:
http://www.canadianvirtualassistantservices.com/

I don’t think that I can help you in this case because I can’t check the code of your website, screenshot is not enough.

Kind Regards, Roman.

its the same website just the url was changed from canadianvirtualassistantservices.com to canadianvas.com

view-source:canadianvas.com since right click is disabled that will allow you to see source

Hello,

It looks like this issue requires close inspection of your modifications, this goes beyond our support policy. As an option, you can contact Codeable for this kind of service, or find a reputable freelancer on Upwork.

Kind Regards, Roman.