Hi I asked this earlier and thought I had an answer but the code I was given for this disabled the account and cart buttons in the header meaning people can’t checkout if they add to cart. Can anyone help me add some padding above the logo and underneath the announcement bar for the desktop only -…

Hi it’s www.oflifeandlemons.co.uk

Hi @Angie_Freese Try this one. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your the…

Hi @Angie_Freese To complete your requests, please follow these steps: Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl Paste the code provided into the Custom CSS section. @media screen and (min-width: 500px) { .announcement__…

Hi Daisy Thanks so much - that’s sorted out moving the header down without harming the cart button. It’s also moved the icons in the announcement bar but too far now and it’s made no difference to the logo and menu. Is it possible to have everything aligned with the images and rest of the home page…

Hi @Angie_Freese I don’t get your idea, please share the screenshot so I can understand better Best, Daisy

Thanks for getting back to me. I’ve attached a photo of how it looks. The padding is sorted but still not the positioning of the menu/logo/announcement logos. The red line is what I’d like everything to be in line with and the arrows show what needs moving - does that make sense? [Screenshot 2025-…

Hi @Angie_Freese Please change the old code with this code .announcement__bar-section div#top-bar .row.top-bar-grid { width: 92%; margin-left: auto; margin-right: auto; } @media screen and (min-width: 500px) { .announcement__bar-section div#top-bar .row.top-bar-grid { widt…

Header Padding and Alignment

Store Design

CodingFifty January 15, 2025, 8:19pm 2

Hi @Angie_Freese ,

Please share the url.

Topic		Replies	Views
Header Spacing Store Design design	6	83	January 8, 2025
Padding and alignment Store Design design , css	8	47	January 15, 2025
Announcement Covering Header Store Design header , landing-page , css	4	30	July 25, 2024
How to decrease padding on announcement bar and change logo position Store Design design	4	48	February 18, 2024
How can I modify the header padding on my desktop? Store Design design	3	73	July 2, 2024

Header Padding and Alignment

Related topics