HOW TO MAKE PROMOTION BAR THINNER - Stiletto Theme -

[Renaye]

• Stiletto Theme -

I have a “promotion bar” under my header, but it is too thick. How do I make it thinner? Happy to edit code.

I have added photos for help and how I would like it. I have marked the photo in red as an example of how thick I would like it.

Thanks in advance

[irene-vintage]

Hello @Renaye ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to theme.liquid file or promotion-bar.liquid

Add this following code at the bottom of page

.promotion-bar-class {
  height: 20px; /* Adjust the desired height for your promotion bar */
  line-height: 20px; /* Adjust the desired line height for vertical centering */
}

Save and preview

Hope this can help. Let us know if you need any further support.

Ali Reviews

[Renaye]

I have done that but there is text on the actual header that wont go away now?

[irene-vintage]

You should only copy the code like this:

.promotion-bar-class {
  height: 20px;
  line-height: 20px;
}

[Renaye]

it still doesn’t work… is there another way? or am i doing something wrong..?