MODIFY menu burger mobile

This commit is contained in:
2025-08-07 12:03:52 +00:00
parent 78d05a0223
commit f450ce568a
4 changed files with 30 additions and 17 deletions

View File

@ -1,31 +1,39 @@
{# Sección Logos #}
<a class="navbar-brand d-block" href="{{site.url}}" rel="home">
{% if logos_header %}
<div class="row g-3">
{% for logo in logos_header %}
{% if loop.first %}
{# Primera columna #}
<div class="col-lg-5 col-12 mb-3 mb-md-0">
<div class="d-flex align-items-center justify-content-center">
<img src="{{ logo.logo.sizes.medium }}"
alt="{{ logo.logo.alt }}"
class="img-fluid mb-2 mb-sm-0 mb-md-2 mb-lg-0 me-sm-3 me-md-0 me-lg-3"
style="max-height: 100px; flex-shrink: 0;">
<h1 class="mb-0 text-center text-sindikatua text-uppercase">{{ logo.texto }}</h1>
<div class="d-flex align-items-center justify-content-between">
<a class="navbar-brand d-block" href="{{site.url}}" rel="home">
<div class="d-flex align-items-center">
<img src="{{ logo.logo.sizes.medium }}"
alt="{{ logo.logo.alt }}"
class="img-fluid me-3"
style="max-height: 100px; flex-shrink: 0;">
<h1 class="mb-0 text-sindikatua text-uppercase">{{ logo.texto }}</h1>
</div>
</a>
<div class="d-block d-lg-none">
{% include "partials/menu-burger.twig" with {'items': menu.get_items, 'burger_id': 'menu-burger-mobile'} %}
</div>
</div>
</div>
{% else %}
{# Segunda columna #}
<div class="col-lg-7 col-12">
<div class="col-lg-7 col-12 d-none d-lg-block">
<div class="d-flex align-items-center justify-content-center justify-content-md-start h-100">
<img src="{{ logo.logo.sizes.large }}"
alt="{{ logo.logo.alt }}"
class="img-fluid"
style="max-width: 100%; height: auto;">
<a class="navbar-brand d-block" href="{{site.url}}" rel="home">
<img src="{{ logo.logo.sizes.large }}"
alt="{{ logo.logo.alt }}"
class="img-fluid"
style="max-width: 100%; height: auto;">
</a>
</div>
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
</a>

View File

@ -1,11 +1,15 @@
{% if menu %}
<nav class="navbar justify-content-center menu-burger">
{#<a class="navbar-brand" href="#"></a>#}
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
<button class="navbar-toggler" type="button"
data-bs-toggle="offcanvas"
data-bs-target="#{{ burger_id|default('menu-burger') }}"
aria-controls="{{ burger_id|default('menu-burger') }}"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas offcanvas-end" tabindex="-1" id="{{ burger_id|default('menu-burger') }}" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>

View File

@ -32,7 +32,9 @@
{% if item.target %}target="{{ item.target }}"{% endif %}>
{{ item.title }}
</a>
{% include 'partials/menu.twig' with {items: item.children} %}
<div class="d-block d-lg-none">
{% include 'partials/menu.twig' with {items: item.children} %}
</div>
</li>
{% endif %}
{% endfor %}

View File

@ -27,7 +27,6 @@
{% endif %}
</a>
{% endfor %}
</a>
</div>
</div>