Stiletto theme header - help!

[acolesell]

Hi I am trying to make my heading with a smaller padding (example www.countryroad.com)

i have taken a screenshot of my website which the padding is thick and goes over my video hero.

my wesbite is darladogwear.com

please help!

[Made4uo-Ribe]

Hi @acolesell

Do you mean this heading?

Do you like remove the padding, and make it more thinner. Like this?

If it is check this one.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.header__row.header__row-desktop.lower .header__logo {
    margin: 0 !important;
}

• And Save.

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

[Dan-From-Ryviu]

Hi @acolesell

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.header__links.header__links-primary {
    padding: 0 !important;
}
.header__row.header__row-desktop.lower .header__logo {
    margin: 0 !important;
}

[acolesell]

Thanks for the reply more like this - can you see the logo and header are at the top

[acolesell]

Thanks for this

[Dan-From-Ryviu]

You are very welcome!

[acolesell]

1 more thing Dan would you know how to make the header stay transparent when i hover over it, it goes white + ive changed my logo to white now!