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