Eliminar espacio al ocultar botón del menú

  • Autor Autor Antoniio1
  • Fecha de inicio Fecha de inicio
Antoniio1

Antoniio1

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de 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:
Insertar CODE, HTML o 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.
 
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 dijo:
No sería en PHP.

Sería CSS.

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

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

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

Ver el archivo adjunto 245256
Hacer clic para expandir...

Insertar CODE, HTML o 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 dijo:
Igual te recomiendo reemplazar el botón de registro por cerrar sesión.
Hacer clic 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ú:
Insertar CODE, HTML o 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 dijo:
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ú:
Insertar CODE, HTML o 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?
Hacer clic 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í:
Insertar CODE, HTML o 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í:
Insertar CODE, HTML o 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 dijo:
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í?
Hacer clic para expandir...
Perfecto, muchas gracias !!
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

N
¿Eliminar espacio entre barra de menú y cabecera en HTML?
Respuestas
2
Visitas
2K
noepola
N
Atrás
Arriba