Currently working on a web messenger project and facing an issue with a specific bar that I want to remove from my interface:
https://i.sstatic.net/sp05i.png
Within the Home.blade.php file, the code snippet looks like this:
@extends('layouts.texter')
@section('content')
<template>
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-12">
<div class="card">
<div class="card-header" style="width: 32.5% !important; border-right: 1px solid #d6d6d6;">
<div class="user-row">
<img src="{{asset('/images/conta.png')}}" alt="" style="width: 50px; height: 50px; cursor: pointer;">
<span style="float: right; margin-top: 10px; cursor: pointer;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
<path fill="currentColor" d="M12 7a2 2 0 1 0-.001-4.001A2 2 0 0 0 12 7zm0 2a2 2 0 1 0-.001 3.999A2 2 0 0 0 12 9zm0 6a2 2 0 1 0-.001 3.999A2 2 0 0 0 12 15z">
</path>
</svg>
</span>
</div>
</div>
<div class="card-body" id="app">
<chat-app :user="{{ auth()->user() }}"></chat-app>
</div>
</div>
</div>
</div>
</div>
</template>
@endsection
Tried modifying the layouts.texter to hide the navigation bars and content, but it resulted in the entire page being blank.
https://i.sstatic.net/bXGlb.png https://i.sstatic.net/fpaK3.png
The main goal is to display the home blade without the top bar - any suggestions on how to achieve this?