Hi I would like: The height of the header to be 50px on all pages The cart icon to say ‘Cart (0)’ The account icon to say ‘Account’ Any help would be greatly appreciated! https://4hl6tt8p7sag5076-70626345282.shopifypreview.com

Hello, Go to Online Store Edit Code Find theme.css/base.css file Add the following code in the bottom header.header.header--middle-center.header--mobile-center.page-width.header--has-menu.header--has-account { height: 50px !important; } Thanks!

Hi @brandonkyt add This CSS it will help you to show the account and cart but not desire what you are looking for because the thing you looking for for that we have to modify the liquid code in the header.liquid for that I need the collaboration access if you can provide me I will make that for you …

hi, thanks… the header is now 50px but the content inside is not not aligned center

but weirdly enough on every other page it is fine @topnewyork

[Vemega - No fish have been harmed for this Omega 3 - Google Chrome 26_11_2024 15_01_18.png] [Vemega - No fish have been harmed for this Omega 3 - Google Chrome 26_11_2024 15_01_00.png] as you can see here @topnewyork

[Vemega - No fish have been harmed for this Omega 3 - Google Chrome 26_11_2024 15_01_18.png] [Vemega - No fish have been harmed for this Omega 3 - Google Chrome 26_11_2024 15_01_00.png] as you can see here weirdly it is fine on other pages but not the home page

Did you use the CSS code I provided you it worked on the developer Tool here is the result [Mehran_Ali_0-1732633710158.png]

#shopify-section-template--23663895937346__background_video_CMJRwz h1 { color: #fefffc !important; text-align: center; font-family: "FTRegolaNeue-Semibold", sans-serif; font-size: 4rem !important; font-style: normal; letter-spacing: 0px; }

header customisation

Store Design

brandonkyt November 26, 2024, 3:12pm 10

hi yes i have done that it looks better but if you flick through the pages the header still slightly changes in height

Topic		Replies	Views
Hide add to cart and account cions + make header logo full width Store Design design , header , customizations , landing-page , css , third-party-themes , metafields , shopify-themes , html , product-page	2	17	September 19, 2024
Make header full width & hide cart on homepage Store Design menu , design , header , customizations , landing-page , css , third-party-themes , metafields , shopify-themes , html , product-page	1	12	September 18, 2024
How can I reposition the cart and resize the header on my ecommerce site? Store Design header , customizations , css , cart-page , shopify-themes , html	22	111	September 24, 2023
Why is the cart missing from my store's header? Store Design cart-page	5	34	January 6, 2023
How to reduce the cart icon size? ( Shopify Dawn Theme ) Store Design menu , liquid , design , header , customizations , css , cart-page , shopify-themes , html , product-page	10	49	May 11, 2025

header customisation

Related topics