Como fixar a logo no centro da barra menu na versão Mobile



  • Eu coloquei a minha logo na barra do Menu Mobile, porém quando eu acesso de celulares com telas menores a logo varia de lugar. Como eu faço para colocar a logo sendo vista no centro da barra menu em qualquer celular, tamanho de tela?



  • Olá @joaopaulofeijo, como vc programou uma parte do código pra deixar no centro e não conseguiu, segue esse print que fiz e faz o mesmo no seu código, e teste se está funcionando:

    0_1541533678476_Deepin Screenshot_selecionar área_20181106174634.png



  • Boa tarde @charles !
    Fiz as configurações que você me passou e tudo funcionou, mas a logo desapareceu!



  • @joaopaulofeijo, ah desapareceu, porque no passo-a-passo que te passei, tem um código que funciona de forma dinâmica para a imagem ser buscada no painel admin do lojista. Tem como vc colocar o código aqui mesmo do seu painel de como ele está, pra eu dar uma olhada e te passar a solução.



  • 1_1541605743494_print2.png 0_1541605743492_print1.png

    Isso aqui, @charles ?



  • <div class="main-menu mean-container">
    <div class="mean-bar" >
    <a href="#nav" class="meanmenu-reveal">Show Navigation</a>

        <a href="https://www.desirestore.com.br/?view=mobile" class="meanmenu-revseal">
            <div class="topgs" style= "float: left;margin-left: calc(50% - 115px); > <img src="{{ theme_img('logowhite.png') }}" width="69" height="36" alt="logo" /> </div>
        </a>
    
        <a class="to-right" href="{{ site_url('cart/view_cart') }}">
            <i class="fa fa-fw fa-shopping-cart"></i>
            <small class="badge">{{ items_in_cart() }}</small>
        </a>
    
        {% if logged_in %}
        <a class="to-right" href="{{ site_url('secure/logout') }}">
            <i class="fa f-fw fa-sign-out"></i>
        </a>
        {% endif %}
    
        <a class="to-right" href="{{ site_url('secure/my_account') }}">
            <i class="fa fa-fw fa-user"></i>
        </a>
    
        <nav class="mean-nav"></nav>
    </div>
    

    </div>

    <header>
    <nav style="display: none;">
    <ul>
    {% for page in get_children_of_page('topo-esquerda') %}
    <li>
    <a href="{{ page.url is empty ? site_url(page.slug) : page.url }}" {{ page.new_window ? 'target="_blank"':''}}>
    {{ page.title }}
    </a>
    </li>
    {% endfor %}

            {% for cat in categories %}
                {% if cat.category.slug != 'home' %}
                    {% if cat.children|count > 0  %}
                        <li>
                            <a href="{{ site_url(cat.category.slug) }}">
                                {{ cat.category.name }}
                            </a>
    
                            <ul>
                                {% set limiter = 0 %}
                                {% for child in cat.children %}
                                    {% if child.children|count > 0 %}
                                        <li>
                                            <a href="{{ site_url(cat.category.slug ~ '/' ~ child.category.slug) }}">
                                                {{ child.category.name }}
                                            </a>
                                            <ul>
                                            {% for newChild in child.children %}
                                                <li>
                                                    <a href="{{ site_url(cat.category.slug ~ '/' ~ child.category.slug ~'/'~ newChild.category.slug) }}">
                                                        {{ newChild.category.name }}
                                                    </a>
                                                </li>
                                            {% endfor %}
                                            </ul>
                                        </li>
                                    {% elseif template_settings('text:quantity_dropdown') > 2 %}
                                        {% set limiter = limiter + 1 %}
                                        <li>
                                            <a href="{{ site_url(cat.category.slug ~ '/' ~ child.category.slug) }}">
                                                {{ child.category.name }}
                                            </a>
                                        </li>
    
                                        {% if limiter ==  cat.children|length == loop.index %}
                                            {% set limiter = 0 %}
                                        {% endif %}
                                    {% else %}
                                        <li>
                                            <a href="{{ site_url(cat.category.slug ~ '/' ~ child.category.slug) }}">
                                                {{ child.category.name }}
                                            </a>
                                        </li>
                                    {% endif %}
                                {% endfor %}
                            </ul>
                        </li>
                    {% else %}
                        <li>
                            <a href="{{ site_url(cat.category.slug) }}">
                                {{ cat.category.name }}
                            </a>
                        </li>
                    {% endif %}
                {% endif %}
            {% endfor %}
    
            {% for page in get_children_of_page('topo-direita') %}
                <li>
                    <a href="{{ page.url is empty ? site_url(page.slug) : page.url }}" {{ page.new_window ? 'target="_blank"':''}}>
                        {{ page.title }}
                    </a>
                </li>
            {% endfor %}
        </ul>
    </nav>
    

    </header>



  • @joaopaulofeijo, isso mesmo. Agora pega esse código abaixo que corrigi e substitui todo pelo que está lá no seu, no print que vc passou, que deve funcionar:

    <div class="main-menu mean-container">
        <div class="mean-bar" >
            <a href="#nav" class="meanmenu-reveal">Show Navigation</a>
    
            <a href="https://www.desirestore.com.br/?view=mobile" class="meanmenu-revseal">
                <div class="topgs" style= "float: left;margin-left: calc(50% - 115px);"> <img src="{{ theme_img('logowhite.png') }}" width="69" height="36" alt="logo" /> </div>
            </a>
    
            <a class="to-right" href="{{ site_url('cart/view_cart') }}">
                <i class="fa fa-fw fa-shopping-cart"></i>
                <small class="badge">{{ items_in_cart() }}</small>
            </a>
    
            {% if logged_in %}
            <a class="to-right" href="{{ site_url('secure/logout') }}">
                <i class="fa f-fw fa-sign-out"></i>
            </a>
            {% endif %}
    
            <a class="to-right" href="{{ site_url('secure/my_account') }}">
                <i class="fa fa-fw fa-user"></i>
            </a>
    
            <nav class="mean-nav"></nav>
        </div>
    </div>
    
    <header>
        <nav style="display: none;">
            <ul>
                {% for page in get_children_of_page('topo-esquerda') %}
                <li>
                    <a href="{{ page.url is empty ? site_url(page.slug) : page.url }}" {{ page.new_window ? 'target="_blank"':''}}>
                        {{ page.title }}
                    </a>
                </li>
                {% endfor %}
    
                {% for cat in categories %}
                    {% if cat.category.slug != 'home' %}
                        {% if cat.children|count > 0  %}
                            <li>
                                <a href="{{ site_url(cat.category.slug) }}">
                                    {{ cat.category.name }}
                                </a>
    
                                <ul>
                                    {% set limiter = 0 %}
                                    {% for child in cat.children %}
                                        {% if child.children|count > 0 %}
                                            <li>
                                                <a href="{{ site_url(cat.category.slug ~ '/' ~ child.category.slug) }}">
                                                    {{ child.category.name }}
                                                </a>
                                                <ul>
                                                {% for newChild in child.children %}
                                                    <li>
                                                        <a href="{{ site_url(cat.category.slug ~ '/' ~ child.category.slug ~'/'~ newChild.category.slug) }}">
                                                            {{ newChild.category.name }}
                                                        </a>
                                                    </li>
                                                {% endfor %}
                                                </ul>
                                            </li>
                                        {% elseif template_settings('text:quantity_dropdown') > 2 %}
                                            {% set limiter = limiter + 1 %}
                                            <li>
                                                <a href="{{ site_url(cat.category.slug ~ '/' ~ child.category.slug) }}">
                                                    {{ child.category.name }}
                                                </a>
                                            </li>
    
                                            {% if limiter ==  cat.children|length == loop.index %}
                                                {% set limiter = 0 %}
                                            {% endif %}
                                        {% else %}
                                            <li>
                                                <a href="{{ site_url(cat.category.slug ~ '/' ~ child.category.slug) }}">
                                                    {{ child.category.name }}
                                                </a>
                                            </li>
                                        {% endif %}
                                    {% endfor %}
                                </ul>
                            </li>
                        {% else %}
                            <li>
                                <a href="{{ site_url(cat.category.slug) }}">
                                    {{ cat.category.name }}
                                </a>
                            </li>
                        {% endif %}
                    {% endif %}
                {% endfor %}
    
                {% for page in get_children_of_page('topo-direita') %}
                    <li>
                        <a href="{{ page.url is empty ? site_url(page.slug) : page.url }}" {{ page.new_window ? 'target="_blank"':''}}>
                            {{ page.title }}
                        </a>
                    </li>
                {% endfor %}
            </ul>
        </nav>
    </header>
    


  • @charles Perfeito, Charles!
    Muito obrigado!