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

[Madcap]

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

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 %}>
<span class="hidden-tablet-and-up">{%- include 'icon' with 'cart' -%}</span>
<span class="hidden-phone">{%- include 'icon' with 'cart-desktop' -%}</span>
<span class="Header__CartDot {% if cart.item_count > 0 %}is-visible{% endif %}"></span>

 

[suyash1]

@Madcap - you want icon on desktop too?

[Madcap]

@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 

[suyash1]

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

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

[Madcap]

@suyash1 didn't seem to change anything 

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