How do I resize the logo and icons on my header without affecting my banner height? Whenever I adjust the logo size width, the header bar gets thicker, I want my logo, menu fonts and cart icons to be bigger but I want the header bar to remain the same and not get bigger as I increase the logo size. …

@Edricpoh Your shop is password protected. Please share store front password. Thanks!

Hi, storefront password is admin

@Edricpoh Please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/styles.scss.liquid–>paste below code at the bottom of the file. @media (min-width: 1024px){ .menu .vertical-menu li {padding: 0px 20px 0 20px !important;} } div.header__logo { max-width: 150px !important;}

Hi, Thank you so much! Yes the code worked to some extend. I am able to increase the logo size by changing the max width value for the ‘header_logo’ field in the code you sent. However the header became bigger together with the logo. Any way I can make the header smaller? I’ve tried playing with t…

@Edricpoh Please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/styles.scss.liquid–>paste below code at the bottom of the file. .menu-position--inline .header__logo { width: 100%; position: absolute !important; }

@Edricpoh also add following css class your css file .top-bar .social_icons { z-index: 9;}

Oh yes now it is independent of the logo size! But it has shifted my top menu slightly to the left and its off centre now. How do I shift it to centre?

I tried removing it as well but it did not revert to what it was before.

How can I adjust the size of my logo and icons without altering the header bar?

Store Design

Edricpoh October 24, 2021, 3:15pm 9

Hi, after adding the ‘top bar social icon’ line into the css, something went wrong with my website, now it’s black and white throughout and the layout is missing.

What did I do wrong?

Topic		Replies	Views
Bullet Theme - How can I adjust the size of my logo and icons without altering the header bar? Shopify Discussion troubleshooting	5	58	July 30, 2024
Increase font of header and increase logo size on header Store Design	3	39	June 27, 2022
How can I adjust my store header without shrinking the logo? Store Design	18	153	February 24, 2023
Smaller header icons and bigger logo - only mobile Store Design	3	22	January 31, 2022
How can I adjust my logo size in the header without expanding the entire header height? Store Design design , shopify-themes	6	133	February 27, 2023

How can I adjust the size of my logo and icons without altering the header bar?

Related topics