How can I change the cart text font on full screen mode?

hi everyone

I’ve got a problem changing anything to do with the cart text when in is in full screen on my laptop

here is what it looks like fullscreen

Screen Shot 2021-09-24 at 2.38.27 am.png

and everything else like desktop in shopify’s editor and mobile the cart icon is used

trying to make it the same on every device or at-least change the font

url for my website: https://madcapshop.com/

heres what the code looks like atm

<a href=“/cart” class=“Header__Icon Icon-Wrapper Icon-Wrapper–clickable {% unless use_sidebar_menu %}hidden-desk{% endunless %}” {% if settings.cart_type == ‘drawer’ %}data-action=“open-drawer” data-drawer-id=“sidebar-cart” aria-expanded=“false” aria-label=“{{ ‘header.navigation.open_cart’ | t }}”{% endif %}>
{%- include ‘icon’ with ‘cart’ -%}
{%- include ‘icon’ with ‘cart-desktop’ -%}

@Madcap - you want icon on desktop too?

@suyash1 it does display on desktop just not fullscreen, I just want to be able to change the font and make it not all capitals. I can’t find the code for it anywhere

@Madcap - add this css to the very end of theme.scss file and check, should be like screenshot

.Header__FlexItem .Heading {
    text-transform: capitalize;
}

@suyash1 didn’t seem to change anything

changing the font and to lowercase for inside the cart as-well would be awesome