Ir para conteúdo
Fórum Script Brasil
  • 0

Como faço para deixar meu banner rotativo em largura total no navegador?


Rodrigo Neves

Pergunta

Bom dia!

Gostaria de deixar o banner do meu site em Full width (largura total na tela do navegador). Alguém me ajuda? O site é www.bibiencanto.com.br.

Veja o código do Slider:

<div class="js-home-slider-container row-fluid slider-wrapper m-bottom m-bottom-half-xs ">
    <div class="js-home-slider-placeholder mobile-placeholder slider-placeholder-container p-relative overflow-none border-box" style="display: none;">
    <div class="slider-figures-container full-width border-box overflow-none">
        <div class="slider-placeholder-left-col pull-left">
            <div class="slider-placeholder-square placeholder-color">
            </div>
        </div>
        <div class="slider-placeholder-right-col pull-left">
            <div class="slider-placeholder-line slider-placeholder-line-1 placeholder-color m-left-half">
            </div>
            <div class="slider-placeholder-line slider-placeholder-line-2 placeholder-color m-left-half m-top-half">
            </div>
        </div>
    </div>
    <div class="shine p-absolute full-width full-height">
    </div>
</div>
<div class="js-slider-desktop-placeholder slider-desktop-placeholder" style="display: none;">
</div>    <div class="js-home-slider-preloader slider-loading-icon svg-secondary-fill rotate" style="display: none;">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="-41 164.9 512 512"><path d="M415.4 536.6l-27.8-16a15.9 15.9 0 0 1-6.5-20.6 184.2 184.2 0 0 0-151.6-262.4 16 16 0 0 1-14.6-15.9v-32.1a16 16 0 0 1 17.2-16A248.5 248.5 0 0 1 429.7 297a248.4 248.4 0 0 1 8 232.8 15.8 15.8 0 0 1-22.3 6.8z"></path></svg>    </div>
    <div class="bx-wrapper" style="max-width: 100%; visibility: visible; height: auto;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 62px;"><ul class="js-home-slider slider" style="visibility: visible; height: auto; width: 715%; position: relative; transition-duration: 0s; transform: translate3d(-654px, 0px, 0px);"><li class="slider-slide bx-clone" style="float: left; list-style: none; position: relative; width: 218px;"><img src="//d26lpennugtm8s.cloudfront.net/stores/888/697/themes/luxury/slide-1539387295325-4202928935-e31b2cdd1995c5eb29d2fee01a0db8181539387366.png?157548447" alt="" class="slider-image" style="visibility: visible;"></li>
                                                                        <li class="slider-slide" style="float: left; list-style: none; position: relative; width: 218px;"><img src="//d26lpennugtm8s.cloudfront.net/stores/888/697/themes/luxury/slide-1539387295324-991022106-04f9444676f8e4d9783e416af6f847201539387359.jpg?157548447" alt="" class="slider-image" style="visibility: visible;"></li>
                                                                                <li class="slider-slide" style="float: left; list-style: none; position: relative; width: 218px;"><img src="//d26lpennugtm8s.cloudfront.net/stores/888/697/themes/luxury/slide-1539387295324-4438799467-05e4203ade50fa79ab3fd3105c3674211539387361.jpg?157548447" alt="" class="slider-image" style="visibility: visible;"></li>
                                                                                <li class="slider-slide" style="float: left; list-style: none; position: relative; width: 218px;"><img src="//d26lpennugtm8s.cloudfront.net/stores/888/697/themes/luxury/slide-1539387295324-7119946929-ff252e28c3a5fec6fdb73deb19bc007c1539387362.jpg?157548447" alt="" class="slider-image" style="visibility: visible;"></li>
                                                                                <li class="slider-slide" style="float: left; list-style: none; position: relative; width: 218px;"><img src="//d26lpennugtm8s.cloudfront.net/stores/888/697/themes/luxury/slide-1539387295324-478245130-af89b1eac01f1971d5a34cc91e431b441539387364.png?157548447" alt="" class="slider-image" style="visibility: visible;"></li>
                                                                                <li class="slider-slide" style="float: left; list-style: none; position: relative; width: 218px;"><img src="//d26lpennugtm8s.cloudfront.net/stores/888/697/themes/luxury/slide-1539387295325-4202928935-e31b2cdd1995c5eb29d2fee01a0db8181539387366.png?157548447" alt="" class="slider-image" style="visibility: visible;"></li>
                                        <li class="slider-slide bx-clone" style="float: left; list-style: none; position: relative; width: 218px;"><img src="//d26lpennugtm8s.cloudfront.net/stores/888/697/themes/luxury/slide-1539387295324-991022106-04f9444676f8e4d9783e416af6f847201539387359.jpg?157548447" alt="" class="slider-image" style="visibility: visible;"></li></ul></div><div class="bx-controls bx-has-pager bx-has-controls-direction"><div class="bx-pager bx-default-pager" style="display: block;"><div class="bx-pager-item"><a href="" data-slide-index="0" class="bx-pager-link">1</a></div><div class="bx-pager-item"><a href="" data-slide-index="1" class="bx-pager-link">2</a></div><div class="bx-pager-item"><a href="" data-slide-index="2" class="bx-pager-link active">3</a></div><div class="bx-pager-item"><a href="" data-slide-index="3" class="bx-pager-link">4</a></div><div class="bx-pager-item"><a href="" data-slide-index="4" class="bx-pager-link">5</a></div></div><div class="bx-controls-direction"><a class="bx-prev" href=""><span class="btn btn-primary btn-inverse btn-small"><svg class="svg-inline--fa fa-chevron-left fa-w-10 fa-2x" aria-hidden="true" data-fa-processed="" data-prefix="fa" data-icon="chevron-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg><!-- <i class="fa fa-chevron-left fa-2x"></i> --><span></span></span></a><a class="bx-next" href=""><span class="btn btn-primary btn-inverse btn-small"><svg class="svg-inline--fa fa-chevron-right fa-w-10 fa-2x" aria-hidden="true" data-fa-processed="" data-prefix="fa" data-icon="chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg><!-- <i class="fa fa-chevron-right fa-2x"></i> --><span></span></span></a></div></div></div>
</div>

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...