Problems with site fullpage

0

I'm having the following problem I'm developing a website that uses a plugin called jquery full page and Bootstrap in the desktop version it works normally however in the mobile version it's all "Bugado" it's like you do not recognize the grids of Bootstrap see the here site. Can anyone help me? I do not know if there is any kind of conflict between these frameworks follows an excerpt of the code html of the site:

HTML:

{{--Menu--}}
<div id="right-menu" class="text-right hidden-xs hidden-sm">
    <div class="vertical"></div>
    <ul id="menu" class="list-unstyled">
        <li data-menuanchor="home"><a href="#home">Home</a></li>
        <li data-menuanchor="services"><a href="#services">Serviços</a></li>
        <li data-menuanchor="about"><a href="#about">Sobre</a></li>
        <li data-menuanchor="franchise"><a href="#franchise">Franquia</a></li>
        <li data-menuanchor="contact"><a href="#contact">Contato</a></li>
    </ul>
</div>

<div id="fullpage">
    {{--Home--}}
    <section class="section home" data-anchor="home">
        <nav class="navbar navbar-default hidden-md hidden-lg">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-left">
                        <li class="list"><a href="#home" class="link">Home</a></li>
                        <li class="list"><a href="#services" class="link">Serviços</a></li>
                        <li class="list"><a href="#about" class="link">Sobre</a></li>
                        <li class="list"><a href="#franchise" class="link">Franquia</a></li>
                        <li class="list"><a href="#contact" class="link">Contato</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
        <div class="container">
            <div class="row text-left">
                <div class="col-md-6 home-info">
                    <img src="{{ asset('img/jetwash-logo.png') }}" class="img-responsive logo" alt="jetwash">
                    <span class="subtitle">Tudo para seu carro</span>
                    <ul id="ticker" class="list-unstyled">
                        <li class="list">Limpeza Técnica de Motor</li>
                        <li class="list">Enceramento 3M</li>
                        <li class="list">Higienização</li>
                        <li class="list">Polimento 3M</li>
                        <li class="list">Película Anti-vandalismo 3M</li>
                        <li class="list">E muito mais confira</li>
                    </ul>
                    <div class="provide-services">
                        <h5 class="subtitle">Prestamos serviços em concessionárias e montadoras</h5>
                        <h5 class="subtitle">Fazemos preparação de veículos para comerciais, eventos e feiras.</h5>
                        <h3 class="title">Nossa equipe é treinada e certificada para realizar a manutenção dos carros, deixando os sempre limpos e        brilhando.</h3>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
asked by anonymous 01.09.2016 / 21:03

1 answer

1

This responsiveness problem occurs because of the plugin, it limits its screen to at least 980px, was testing the mobile version and when I took out the plugin it worked, hence the author's plugin Alvaro Trigo you need a screen boundary, if you want to do it with responsiveness you will need to purchase the responsiveness extension .

I found this other plugin here , looking the example of it, works without disturbing the responsiveness link , Maybe it will work for you.

    
02.09.2016 / 03:39