MOBILE HEADER CHANGE

New Member
11 0 0

Hello all!, I need help with my mobile header, I will attach 2 different pictures of mobile headers, The first one is my current mobile header, The second one is how I want it to be, I will also write here the mobile header code, Please help me write or change the code, Thank u!

 

CODE: 

<!-- tt-mobile-header -->
<div class="tt-mobile-header">
  <div class="container-fluid">
    <div class="tt-header-row">
      <div class="tt-mobile-parent-menu">
        <div class="tt-menu-toggle mainmenumob-js">
          {% include "svg-mobile-menu" %}
        </div>
      </div>
      <!-- search -->
      <div class="tt-mobile-parent-search tt-parent-box"></div>
      <!-- /search -->
      {%- unless settings.catalogue_mode -%}
      {%- if template != "cart" -%}
      <!-- cart -->
      <div class="tt-mobile-parent-cart tt-parent-box"></div>
      <!-- /cart -->
      {%- endif -%}
      {%- endunless -%}
      {%- if item.show_customer_links -%}
      <!-- account -->
      <div class="tt-mobile-parent-account tt-parent-box"></div>
      <!-- /account -->
      {%- endif -%}
      {%- if item.show_options_links -%}
      <!-- currency -->
      <div class="tt-mobile-parent-multi tt-parent-box"></div>
      <!-- /currency -->
      {%- endif -%}
    </div>
  </div>
  <div class="container-fluid tt-top-line">
    <div class="row">
      <div class="tt-logo-container">
        <a class="tt-logo tt-logo-alignment" href="/">
          {%- if headerlogomobile contains "title_" -%}<h2>{{ headerlogomobile | split:"title_" | last }}</h2>
          {%- else -%}<img src="{{ headerlogomobile }}"
                           srcset="{{ headerlogomobile }} 1x, {{ headerlogomobileretina }} 2x"
                           alt="{{ headerlogomobilealt }}"
                           class="tt-retina">
          {%- endif -%}
        </a>
      </div>
    </div>
  </div>
</div>

current mobile header.pngnewheadermobile.png

0 Likes
Highlighted
Shopify Partner
467 65 82

Please share your site URL. 
So that I can check and provide you solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes