Return to previous page

Topic: Topbar Icons … - by slidebird

slidebird

Participant

March 8, 2018 3:07 pm

Hi There

I use the Top Bar icons “wishlist, logout, and cart) is it possible to only show the items (with links) without the text… so just icons no caption like “your account” “cart” “wishlist”

#187604 copied to clipboard

Rose Tyler

Support staff

March 9, 2018 8:37 am

Hello,

Please provide us with your website URL.

Regards

#187638 copied to clipboard

slidebird

Participant

March 9, 2018 9:13 am

http://www.max-schmuckdesign.com/

See here for a better understanding… http://prntscr.com/iot4oj

i also attached credentials…

thanks for help

#187645 copied to clipboard

Rose Tyler

Support staff

March 9, 2018 1:55 pm

Hello,

.header-type-3 .cart-summ {
    margin-top: 3px;
}
.top-links .logout-link::before, .top-links .my-account-link::before, .top-links .login-link::before, .top-bar .wishlist-link span{
    display:none;
}
.top-links .logout-link a, .top-links .my-account-link a, .top-links .login-link a{
    font-size:0 !important;
    color: transparent;
}
.top-links .logout-link a:hover, .top-links .my-account-link a:hover, .top-links .login-link a:hover{
    color: transparent;
}
.top-links .logout-link a:before, .top-links .my-account-link a:before, .top-links .login-link a:before{
    font-size: 14px;
    line-height: 10px;
    font-family: "arrows";
    margin-right: 8px;
    color: #8e8e8e;
    position: relative;
    top: 1px;
}
.top-links .logout-link a:before, .top-links .login-link a:before {
     content: "\e61c";
}
.top-links .my-account-link a:before {
    content: "\e61b";
}
.my-account-link:hover .submenu-dropdown {
    right: 10px;
}
.my-account-link:hover .submenu-dropdown:after {
    left: 35px !important;
}

Regards

#187718 copied to clipboard