Eliminar espacio al ocultar botón del menú

Antoniio1 · 19 Abr 2020

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:

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

Saludos.

zcriptz · 19 Abr 2020

No sería en PHP.

Sería CSS.

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

Antoniio1 · 19 Abr 2020

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.

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

zcriptz · 19 Abr 2020

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

Ver el archivo adjunto 245256

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.

Antoniio1 · 19 Abr 2020

zcriptz dijo:
Igual te recomiendo reemplazar el botón de registro por cerrar sesión.

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?

zcriptz · 19 Abr 2020

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?

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.

Antoniio1 · 19 Abr 2020

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>

zcriptz · 19 Abr 2020

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í?

Antoniio1 · 19 Abr 2020

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í?

Perfecto, muchas gracias !!

zcriptz · 19 Abr 2020

Antoniio1 dijo:
Perfecto, muchas gracias !!

Genial, que bueno que te haya servido! 😁👍

Angel Javier · 19 Abr 2020

zcriptz dijo:
Genial, que bueno que te haya servido! 😁👍

Grande, tenía años sin verte por acá en el foro con tus aportes.

Eliminar espacio al ocultar botón del menú

Antoniio1

zcriptz

Antoniio1

zcriptz

Antoniio1

zcriptz

Antoniio1

zcriptz

Antoniio1

zcriptz

Angel Javier

Temas similares

Privacidad y transparencia

Privacidad y transparencia