Trying to move the "Account" button in Venture theme.

Highlighted
Tourist
9 0 1

Screen Shot 2019-07-10 at 1.37.04 AM.png

0 Likes
Highlighted

Hello 

 

 {% if shop.customer_accounts_enabled %}
                <div class="customer-login-links sticky-hidden">
                  {% if customer %}
                    <a href="/account">
                      {{ 'layout.customer.account' | t }}
                    </a>
                    {{ 'layout.customer.log_out' | t | customer_logout_link }}
                  {% else %}
                    {{ 'layout.customer.account' | t | customer_login_link }}
                  {% endif %}
                </div>
              {% endif %}

Cut this code and then find the 

<div id="SiteNavSearchCart" class="site-header__search-cart-wrapper">

Below this div put the above account code which you have cut and paste it here.

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
3 0 0

Hi

 

How to change size and colour of this "Account" button ?

0 Likes
Highlighted

Hello @zalewa,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

#customer_login_link {
	color: red;
	font-size: 20px;
}

Note:Please change color and font-size as per your requirement

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
2 0 0

Hi,

 

How would you move it to the right side of the cart icon?

0 Likes
Highlighted

@CKskir,

Please share your store url

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
2 0 0

Malibuparts.com

 

Thanks so much!

0 Likes
Highlighted

@CKskir,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste below code at the bottom of the file.

.customer-login-links.sticky-hidden {
    order: 3;
}
a.site-header__link.site-header__cart {
    order: 2;
}
form.site-header__search.small--hide {
    order: 1;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like