How to display a header message without making the header bar larger

Solved
Jarbles
Tourist
11 1 0

that doesn't seem safe to give you full access to my site, but it's the "debut" theme and I'm assuming I need to add something like: " <p style="float: right;">Free Shipping to all orders over 100$!</p> I'm just not sure where to put it

0 Likes
suyash1
Shopify Partner
2026 208 306

@Jarbles actually I do not need full access, but yes you are right, you need to put that in header

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
Jarbles
Tourist
11 1 0

@suyash1 great, where specifically in the header.liquid file of the debut theme would you put that?

0 Likes
suyash1
Shopify Partner
2026 208 306

This is an accepted solution.

your header already has logo, menu and cart/search icons which take all the space, so if you are not going to add menu bar then I recommend to put it in this place in screenshot, otherwise will need to do a lot of code/css settings

 

suyash1_0-1607228365700.png

 

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
Jarbles
Tourist
11 1 0

This is an accepted solution.

Thanks! That was what I needed. One problem still: aligned the text to the "center" is showing up like this:

Jarbles_0-1607228818468.png


Do you know why my code would do this?
<p style="float: center;">Free Shipping to all orders over 100$!</p>

0 Likes
suyash1
Shopify Partner
2026 208 306

add text-align:center; in style and check

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30