Header Questions

Topic summary

A user is experiencing two header-related issues in their Shopify store:

Issue 1: Scrolling Announcement Bar Visibility

  • Added a scrolling announcement bar from SECTIONS but cannot see it displayed
  • Initially struggled to locate the bar, which turned out to be hidden due to browser zoom settings
  • After resolving the zoom issue, the announcement bar now appears on product pages but not above the header on the home page
  • User is trying to reposition it to display above the header site-wide

Issue 2: Header Display Discrepancy

  • Live version of the store shows a completely different header compared to the customized preview version
  • This was caused by viewing the site at screen widths under 1025px, which triggers a different responsive header layout

Current Status:

  • Zoom issue resolved
  • Announcement bar placement on home page remains unresolved
  • User seeking guidance on proper positioning of the announcement bar in the header section
Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.

Hi, Everyone

Thank you for your ongoing advice, it never ceases to amaze me how amazing you all are.

My question is in 2 parts

  1. I am trying to add a scrolling Announcement bar( which I got from SECTIONS) to the header section but no matter where I seem to place it, I can’t see it anywhere.I suspect It may have something to do with the header configuration, see below

  1. Header of the live version is totally different than the customized version and trying to figure out what i have done that has caused it.

Would appreciate any advice anyone may have on how to fix these.

Kind Regards

Keith

thesmartgiftshop.com

  1. You need to click the right bracket to open that section, + Add block, and add your announcement message to make it work and display

  1. Make sure you are preview in correct theme because it display correctly on my end

Hi, Dan

I must not be getting it .

This is what I see in Shopify

but this is what i see when I click on View My Store

Really not understanding why I am seeing to different headers even though they are the same theme and still no luck with the scrolling announcement as it seems to be hidden behind the menu. I did add a block but nothing happened.

Thank you for your assistance.

Keith

Hi @PacificBlue

You got that header because your screen size is under 1025px.

Also, I have checked and can no longer see your scrolling announcement HTML. Did you remove it?

Hi, Dan

Actually, I have the layout at full width and the screen is at 1925 I think which is the recommended as far as I know

Yes I did get rid of the bar but have put it back again simply because I cant see it anyway.

Regards

Keith

You are in the zoom mode of the browser, lol

Hi Dan

OMG, thank you, I did not realise I was zoomed in. Thank you so much, thought I was going crazy.

Oddly though, The announcement bar has found its way to the product page (See Below) But I can’t figure out how to get it to appear above the header on the home page. I thought it was placed correctly but I must be mistaken.