Quantcast
Channel: Opinion: Shopify Community - Shopify & Ecommerce Jobs
Viewing all articles
Browse latest Browse all 7259

Create Fixed Header on SYMMETRY Theme & a few other changes by JAKI M.

$
0
0

Hi all - Can anyone help with modifying code for a fixed header on the SYMMETRY Theme?  Would like this to stay in place as visitors scroll.  

I've contacted the team at Clean Themes and they do not respond.  Please email me at jakimacshop@gmail.com with a quote for the job. I have a few other changes besides this we can discuss later. Much appreciated!

Here's what the current code looks like in theme.liquid:

 {{ content_for_header }}
</head>
{% include 'scrolltop' %}
<body class="template-{{ template | split: '.' | first }}">
  <div id="pageheader">
        <div class="logo-area logo-pos-{{ settings.logo_pos }} cf">
            {% capture logo_html %}
            <div class="logo container">
                <a href="/" title="{{ shop.name }}">
                {% if settings.use_logo_img %}
                    <img class="logoimage" src="{{ 'logo.png' | asset_url }}" alt="{{ shop.name }}" />
                {% else %}
                    <span class="logotext">{{ shop.name }}</span>
                {% endif %}
                </a>
            </div><!-- /#logo -->
            {% endcapture %}
            
            {% unless settings.logo_pos == 'below' %}{{ logo_html }}{% endunless %}
            
            <div class="util-area">
                <div class="search-box elegant-input">
                  {% if settings.header_signup_show %}
                  <div class="signup-reveal-area">
                    <a class="signup-reveal" href="#">Signup</a>
                    {% if settings.
                    _signup_show %}{% include 'signup-form' %}{% endif %}
                  </div>
                  {% endif %}
                  
                  <form class="search-form" action="/search" method="get">
                    <i></i>
                    <input type="text" name="q" placeholder="{{ settings.text_search }}"/>
                    <input type="submit" value="&rarr;" />
                  </form>
                </div>
                
                <div class="utils">
                    {% if settings.soc_icons_loc == 'head' %}
                        {% include 'social-icons' %}
                    {% elsif settings.soc_icons_loc == 'both' %}
                        {% include 'social-icons' %}
                    {% endif %}
                  
                    <div class="cart-summary">
                        <a href="/{% if template != 'cart' %}cart{% else %}checkout{% endif %}" class="cart-count {% if settings.use_btn_style_cart_link %}button{% endif %}">
                            {{ settings.text_cart }} ({{ cart.item_count }})
                        </a>
                      
                      {% include 'currencies-switcher' %}
                    </div>
                </div><!-- /.utils -->
            </div><!-- /.util-area -->


Viewing all articles
Browse latest Browse all 7259

Trending Articles