How can I properly add text under cart, search and account icons in Dawn theme?

Store Design
1

Hi,

Ive added the following code to my base.css which has added text below the cart icon. However, it does not work properly as if a customer adds an item to the cart it all gets distorted. How do add text under the cart, search and account icon?

my url is www.heppells.shop

Thanks in advance.

.header__icon–cart {
flex-wrap: wrap;
height: auto !important;
}
.header__icon–cart span.visually-hidden {
display: block !important;
position: relative !important;
font-size: 1.2rem !important;
width: auto !important;
height: auto !important;
line-height: calc(1 + 0.3 / var(–font-body-scale)) !important;
}

1 Like
2

@Heppells

can you please try this code

.header__icon span {
    overflow: visible;
    width: auto;
    clip: unset;
    top: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

After Code Result

KetanKumar_0-1662504634848.png
KetanKumar_0-1662504634848.png1898×942 301 KB

1 Like
3

Thank you so much for that. You have been a massive help.