Change menu icons - Venture theme

Excursionist
36 0 1

Hi,

 

I can't seem to find anywhere how to make my menu icons look good. I got some help to add the account icon but then it doesn't at all look like the other icons (much thicker). I was told I need to upload a new svg but I want to have the exact same style for all my menu-icons and have no idea where to find the classic ones in a "pack" (search, heart, cart bag not cart & account) and also don't know how to replace them all. 

 

Besides that, I would like to take away the "account" text under the menu icons.

 

I use the Venture theme and this is the store address: https://artificial-art-lab.myshopify.com/

 

Is this something I can get help with for that 60 min free customization included in a membership?

 

Thankful for all help. Not at all a coder... :)

 

Skärmavbild 2019-11-25 kl. 11.44.12.pngThis is how it looks today at my siteSkärmavbild 2019-11-25 kl. 11.50.48.pngI'd like to have something like this but with the heart icon for my Wishlist King app as well

0 Likes

Hello 

Your site is password protected  please share password.

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Excursionist
36 0 1

Actually, the thin current style works good but need to find a similar style for the account icon and find an icon so that I can change the shopping cart to a shopping bag.

 

Also when I see the icons on my mobile the cart appears behind the logo... 

0 Likes
Excursionist
36 0 1

Of course, it is: "HelloArt2019"

 

 

0 Likes

If you want to change the shopping cart to a shopping bag

Then  1. Go to Online Store->Theme->Edit code
2. Asset->header.liquid

Search below code

{% include 'icon-cart' %}

Replace above code

{% include 'icon-bag' %}

 If you want search, heart, cart bag in one pack then please search these code in header.liquid file and interchange the code 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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Excursionist
36 0 1

Ok great thank you! The shopping bag will do but is there a way to get an account icon in the same style? I thought that it would be standard for every theme to have an account icon in the same style as the other icons so not sure why this one looked so different? Is there an easy way to change it so it "fits" the others?

0 Likes

Add below css

.icon.icon-login {
	fill: #444 !important;
}
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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Excursionist
36 0 1

Is it somewhere in this code I change something? 


@oscprofessional wrote:

Add below css

<a href="/account/login" id="customer_login_link" class="site-header__link site-header__cart">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-login" viewBox="0 0 28.33 37.68">
<path d="M14.17 14.9a7.45 7.45 0 1 0-7.5-7.45 7.46 7.46 0 0 0 7.5 7.45zm0-10.91a3.45 3.45 0 1 1-3.5 3.46A3.46 3.46 0 0 1 14.17 4zM14.17 16.47A14.18 14.18 0 0 0 0 30.68c0 1.41.66 4 5.11 5.66a27.17 27.17 0 0 0 9.06 1.34c6.54 0 14.17-1.84 14.17-7a14.18 14.18 0 0 0-14.17-14.21zm0 17.21c-6.3 0-10.17-1.77-10.17-3a10.17 10.17 0 1 1 20.33 0c.01 1.23-3.86 3-10.16 3z"></path>
</svg>
</a>

 

0 Likes

add code in theme.scss file

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Excursionist
36 0 1

Ok I'm in the theme.scss.liquid file. Is it somewhere here? 


/*================ Login link ================*/
.password-login-link {
  display: block;
  padding: $gutter-site;
  text-align: center;

  @include media-query($medium-up) {
    position: absolute;
    top: 0;
    right: 0;
  }

  .icon {
    width: 12px;
    height: 1em;
    margin-right: $gutter-site / 3;
    fill: currentColor;
  }
}

Don't want to break anything... :)

 

0 Likes