Return to previous page

Change Icon my account - by Eduard - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 5 years, 9 months ago ago by Rose Tyler

Eduard

Participant

March 20, 2019 at 16:34

hello, I would like to know how to change the icon next to my account with a picture

2. in mobile mode, I can not see the icon account next to the cart, it can be added?

Please, contact administrator
for this information.

#211226 Copied Theme version: 5.1.6.1 WooCommerce version: 5.1.1

1 Answer
Rose Tyler

Support staff

March 20, 2019 at 16:48
Hello,

1. Theme Options > Header > header layout > http://prntscr.com/n0k8ir
to change the icon to image, add this custom CSS code in Theme Options > Custom CSS:
```
.my-account-link.type-icon > a:before, .login-link.type-icon > a:before, .my-account-link.type-icon-text > a:before, .login-link.type-icon-text > a:before {
    content: url("link_of_image");
}
```
2. You can enable “My account in mobile menu” (show my account link in the mobile menu area below the mobile menu links) in Theme Options > Header > Mobile header
or
add this code in Theme Options > Custom CSS > Global custom CSS:
```
@media only screen and (max-width: 992px) {
    header .navbar-header .login-link {
        display:  inline-block;
    }
    .navbar-header .my-account-link a:before {
        font-size: 20px !important;
    }
    .navbar-header .login-link a {
        font-size: 0px;
    }
}
```
Regards
#211227 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Luxury Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

Carwash – WordPress WooCommerce Theme

lazy-placeholder

Poster – WooCommerce Theme

lazy-placeholder

Shoes Store – WooCommerce Theme

lazy-placeholder

Real Estate – WordPress WooCommerce Theme

lazy-placeholder

Niche Market 03 – Multivendor WP WooCommerce Theme

lazy-placeholder

Jewellery Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Transport – WooCommerce Theme

lazy-placeholder

Legenda – E-Commerce and Corporate PSD Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.