Css-Menu mostra esquerda só depois de 1 seg centraliza

[rodsk 0]

http://www.menucool.com/horizontal/menu-code?menu=1&skin=2&p=1

Galera to com problema nesse css menu, quando eu mudo de pagina ele mostra o menu primeiro a esquerda e só depois de 1 segundo ele centraliza automático pro meio. Como faço para ele aparecer direto no meio? Porque mostrando a esquerda e dps centralizando fica muito feio.

Nesse link ja tem o exemplo pra vcs verem melhor o meu problema.

O css dele é esse aqui:

#sse1
{
    /*You can decorate the menu's container, such as adding background images through this block*/
    background-color: #222;
    height: 38px;
    padding: 15px;
    border-radius: 3px;
    box-sizing: content-box;
}
#sses1
{
    margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
}
#sses1 ul 
{ 
    position: relative;
    list-style-type: none;
    float:left;
    padding:0;margin:0;
    border-bottom:solid 1px #6C0000;
}
#sses1 li
{
    float:left;
    list-style-type: none;
    padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#sses1 li.highlight
{
    background-color:#800;
    top:36px;
    height:2px;
    border-bottom:solid 1px #C00;
    z-index: 1;
    position: absolute;
    overflow:hidden;
}
#sses1 li a
{
    box-sizing: content-box;
    height:30px;
    padding-top: 8px;
    margin: 0 20px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
    color: #fff;
    font: normal 12px arial;
    text-align: center;
    text-decoration: none;
    float: left;
    display: block;
    position: relative;
    z-index: 2;
}

e o html:

<div id="sse1">
  <div id="sses1">
    <ul>
      <li><a href="?menu=1&skin=2&p=Javascript-Menus">Javascript Menus</a></li>
      <li><a href="?menu=1&skin=2&p=Horizontal-Menus">Horizontal Menus</a></li>
      <li><a href="?menu=1&skin=2&p=Web-Menus">Web Menus</a></li>
    </ul>
  </div>
</div>

EDIT: Hospedei o site inteiro no webhost por enquanto só pra vcs verem como está e e ver se alguém me da uma ajuda nesse menu.

Lembrando que eu sou bemmm novato com html e css, portanto toda dica vai ser útil pra mim.

http://bazarodete.000webhostapp.com

[Vinicius Cainelli 17]

Você está usando o Javascript do tutorial?
Pois eu testei aqui usando o código do exemplo que colocou e funcionou.

http://codepen.io/vicainelli/pen/GjXbVQ

[rodsk 0]

Sim usei o JS do tutorial.

No previw do http://codepen.io/anon/pen/ORBvoO ele nao demora pra centralizar ja no http://www.menucool.com/horizontal/menu-code?menu=1&skin=2&p=Horizontal-Menus demora 1 segundo pra centralizar tbm.

Será que tem algo a ver com o meu problema?

[rodsk 0]

Compilei o código puro aqui sem nada e ele esta normal mesmo, só da esse problema quando eu coloco ele na minha pagina.

O que pode ser? Alguém me da uma idéia? Será que são os outros js que estão interferindo?

jquery-1.10.2.min.js

scripts.min.js

EDIT: Acabei de tirar esses outros dois js e mesmo assim continua com o problema.

A pagina tem um menu toggle tbm, quando redimensiono a tela o menu nao acompanha e fica fora da tela só volta pra posição normal do toggle depois que da um refresh no browser e vice e versa.

[rodsk 0]

Hospedei o site inteiro no webhost por enquanto só pra vcs verem como está e e ver se alguém me da uma ajuda nesse menu.

Lembrando que eu sou bemmm novato com html e css, portanto toda dica vai ser útil pra mim.

http://bazarodete.000webhostapp.com

[Vinicius Cainelli 17]

Bom, vamos lá.

O menu do seu site talvez esteja demorando para se posicionar ao centro por causa da lentidão do carregamento dos arquivos.
Você pode resolver isso diminuindo bem as imagens que está usando e usar o jQuery via CDN, do Google por exemplo https://developers.google.com/speed/libraries/

[rodsk 0]

Opa! Valeu pela dica, vou ver se melhora.

Isso vale para o toggle menu que qndo redimensionado ele fica fora da tela?

[Vinicius Cainelli 17]

Não, isso ai é já outro assunto, se quiser, pode criar um tópico para esse seu problema, e avise aqui se for resolvido o problema que tem com o posicionamento do menu.

[rodsk 0]

Opa Vinicius valeu pela atenção!

Entao acabei de diminuir todas imagens e adicionei os jQuery mas nao deu certo. o site ficou mais rapido mas o menu continua aparecendo rapidamente a esquerda e só depois centralizando.

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

[Vinicius Cainelli 17]

Man, olhando seu código, vi que separou os scripts, tenta carregar todos eles no mesmo lugar, tudo no rodapé de preferência.

E em ordem de importância, se o seu script depente de jquery, carregue jquery antes de tudo.