📣 Seu anúncio aqui? Anuncie no ForoBeta

Eliminar espaço ao ocultar botão do menu

  • Autor Autor Antoniio1
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Antoniio1

Antoniio1

Gamma
Verificación en dos pasos activada
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola, buenas. Quisiera saber cómo puedo eliminar el espacio que se genera al ocultar el botón "Conectarse" del menú una vez que el cliente haya iniciado sesión.

Este es el código que utilizo:
Inserir CODE, HTML ou PHP: 
<a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Conectarse" ? "active" : "" }}" href="{{ Route( 'registro' ) }}">{{ ( !empty( session( 'us3R-f1t70g0' ) ) )? '' : 'CONECTARSE' }}</a>

Y el usuario al iniciar sesión sí se le oculta el botón "Conectarse" pero queda un espacio que no debería aparecer:
conectarsed.webp


A qué se deberá?, gracias de antemano.

Saludos.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
No sería en PHP.

Sería CSS.

Fíjate que la clase cambia al estar conectado, pon un "display:none" para esa clase.
 
zcriptz disse:
No sería en PHP.

Sería CSS.

Fíjate que la clase cambia al estar conectado, pon un "display:none" para esa clase.
Clique para expandir...

Lo dudo, no encuentro nada malo en el css o que deba modificar:

csssano.webp
 
Antoniio1 disse:
Lo dudo, no encuentro nada malo en el css o que deba modificar:

Ver o anexo 245256
Clique para expandir...

Inserir CODE, HTML ou PHP: 
<a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Conectarse" ? "active" : "inactive" }}" href="{{ Route( 'registro' ) }}">{{ ( !empty( session( 'us3R-f1t70g0' ) ) )? '' : 'CONECTARSE' }}</a>

Cámbialo así y a ver si pone "inactive" al estar conectado.


Igual te recomiendo reemplazar el botón de registro por cerrar sesión.
 
zcriptz disse:
Igual te recomiendo reemplazar el botón de registro por cerrar sesión.
Clique para expandir...

Tienes razón, eso mejor. Ya no está el espacio pero cuando estoy conectado y le doy cerrar sesión no me manda a ninguna parte, me deja en la misma página, este es el código del menú:
Inserir CODE, HTML ou PHP: 
@php
    $order_menu = App\Order::where( [ "user_id" => session( "us3R-f1t70g0_id" ), "shoppingStatu_id" => 1, "estatus_id" => 1 ] );
@endphp
{{-- Menu del carrito de compra --}}
@include( "section.car_shopping" )

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <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">Menú</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="{{ Route( 'home' ) }}"><img alt="Sano" src="{{ asset( 'img/logo.png' ) }}"></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "La dieta flexible" ? "active" : "" }}" href="{{ Route( 'home' ) }}">INICIO</a>
                </li>
                <li>
                    <a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Paquetes personalizados" ? "active" : "" }}" href="{{ Route( 'paquetes' ) }}">PLANES</a>
                </li>
                <li>
                    <a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Menú del chef" ? "active" : "" }}" href="{{ Route( 'menus' ) }}">MENÚ</a>
                </li>
                <li>
                    <a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "¿En qué te podemos ayudar?" ? "active" : "" }}" href="{{ Route( 'information' ) }}">INFORMACIÓN</a>
                </li>
                <li>
                    <a class="fittogo-menu button-circle {{ $__env->yieldContent( 'meta_title' ) == "Regístrate" ? "active" : "" }}" href="{{ Route( 'registro' ) }}">{{ ( !empty( session( 'us3R-f1t70g0' ) ) )? 'MI PERFIL' : 'REGÍSTRATE' }}</a>
                </li>
                <li>
                    <a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Conectarse" ? "active" : "" }}" href="{{ Route( 'registro' ) }}">{{ ( !empty( session( 'us3R-f1t70g0' ) ) )? 'CERAR SESIÓN' : 'CONECTARSE' }}</a>
                </li>
                @if( !empty( session( 'us3R-f1t70g0' ) ) )
                    
                    <li>
                        <a href="#" class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Carrito de Compra" ? "active" : "" }}" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="body"><i class="fa fa-cart-plus" aria-hidden="true"></i> <b>{{ $order_menu->count() }}</b></a>
                    </li>
                @endif
            </ul>
        </div>
    </div>
</nav>

Alguna sugerencia?
 
Antoniio1 disse:
Tienes razón, eso mejor. Ya no está el espacio pero cuando estoy conectado y le doy cerrar sesión no me manda a ninguna parte, me deja en la misma página, este es el código del menú:
Inserir CODE, HTML ou PHP: 
@php
    $order_menu = App\Order::where( [ "user_id" => session( "us3R-f1t70g0_id" ), "shoppingStatu_id" => 1, "estatus_id" => 1 ] );
@endphp
{{-- Menu del carrito de compra --}}
@include( "section.car_shopping" )

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <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">Menú</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="{{ Route( 'home' ) }}"><img alt="Sano" src="{{ asset( 'img/logo.png' ) }}"></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "La dieta flexible" ? "active" : "" }}" href="{{ Route( 'home' ) }}">INICIO</a>
                </li>
                <li>
                    <a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Paquetes personalizados" ? "active" : "" }}" href="{{ Route( 'paquetes' ) }}">PLANES</a>
                </li>
                <li>
                    <a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Menú del chef" ? "active" : "" }}" href="{{ Route( 'menus' ) }}">MENÚ</a>
                </li>
                <li>
                    <a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "¿En qué te podemos ayudar?" ? "active" : "" }}" href="{{ Route( 'information' ) }}">INFORMACIÓN</a>
                </li>
                <li>
                    <a class="fittogo-menu button-circle {{ $__env->yieldContent( 'meta_title' ) == "Regístrate" ? "active" : "" }}" href="{{ Route( 'registro' ) }}">{{ ( !empty( session( 'us3R-f1t70g0' ) ) )? 'MI PERFIL' : 'REGÍSTRATE' }}</a>
                </li>
                <li>
                    <a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Conectarse" ? "active" : "" }}" href="{{ Route( 'registro' ) }}">{{ ( !empty( session( 'us3R-f1t70g0' ) ) )? 'CERAR SESIÓN' : 'CONECTARSE' }}</a>
                </li>
                @if( !empty( session( 'us3R-f1t70g0' ) ) )
                  
                    <li>
                        <a href="#" class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Carrito de Compra" ? "active" : "" }}" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="body"><i class="fa fa-cart-plus" aria-hidden="true"></i> <b>{{ $order_menu->count() }}</b></a>
                    </li>
                @endif
            </ul>
        </div>
    </div>
</nav>

Alguna sugerencia?
Clique para expandir...

Será que necesitas un condicional en el botón de que si está logueado cambie el href a la dirección de logout.

Creo que así como está tiene la misma dirección para cerrar sesión que para conectarse.
 
Sería algo así:
Inserir CODE, HTML ou PHP: 
    @if( !empty( session( 'us3R-f1t70g0' ) ) )
                    <li>
                        <a class="fittogo-menu" href="{{ Route( 'user_logout' ) }}">CERRAR SESIÓN</a>
                    </li>
                @endif

Así puedo tener el botón de Cerrar Sesión pero por separado, el problema sería meterlo aquí:
Inserir CODE, HTML ou PHP: 
 <a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Conectarse" ? "active" : "" }}" href="{{ Route( 'registro' ) }}">{{ ( !empty( session( 'us3R-f1t70g0' ) ) )? 'CERAR SESIÓN' : 'CONECTARSE' }}</a>
 
PHP: 
<a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Conectarse" ? "active" : "" }}" href="{{ empty(session('us3R-f1t70g0')) ? Route('registro') : Route('user_logout') }}">{{ empty(session('us3R-f1t70g0')) ? 'CONECTARSE' : 'CERRAR SESIÓN' }}</a>

¿Y que tal así?
 
zcriptz disse:
PHP: 
<a class="fittogo-menu {{ $__env->yieldContent( 'meta_title' ) == "Conectarse" ? "active" : "" }}" href="{{ empty(session('us3R-f1t70g0')) ? Route('registro') : Route('user_logout') }}">{{ empty(session('us3R-f1t70g0')) ? 'CONECTARSE' : 'CERRAR SESIÓN' }}</a>

¿Y que tal así?
Clique para expandir...
Perfecto, muchas gracias !!
 
Você precisa estar logado ou cadastrado para responder aqui.

Tópicos similares

N
Eliminar espaço entre barra de menu e cabeçalho em HTML?
Respostas
2
Visitas
2K
noepola
N
Voltar
Topo