Encontre o arquivo realia.css do seu tema.
Edite a classe css body, retirando a linha overflow-x: hidden; e salve. É essa linha que está adicionando uma barra de rolagem extra.
Verifiquei que você ainda não encontrou a solução.
Sim, é no css mesmo!
Encontre seu arquivo foundation.css, vá até a linha 468 na classe .nine, .row .nine.
Ela está com width: 75%. Altere para 100% e resolverá.
A classe .wide #page (arquivo style.css linha 1106) está definido o background branco.
Troque o branco por transparent.
A melhor maneira pra você, é inspecionar o elemento no seu navegador para você visualizar as classes do seu site e em que arquivo eles estão: http://devblog.drall.com.br/como-usar-o-inspecionar-elemento-do-google-chrome/
Pelo inspecionar elemento eu consegui deixar seu site transparent e tirar o branco.
Para mudar a cor somente do seu header: No seu arquivo Style.css na linha 1362, terá a classe .middle-header-wrapper, é só adicionar o background-color que deseja.
O transparent no cabeçalho não funcionou, devido a div .boxed-layout #page que o cabeçalho está dentro, está definido com o background-color: white.