How to add a logo bar to a custom theme landing page without a header?

Store Design
1

Hi All,

I’ve created a custom theme.liquid as well as page.liquid set up to look like a simple landing page.

Image w/ Text Overlay

Alternating Content

Image w/Text Overlay

I dont have a header or a footer as I’ve purposefully removed them to get rid of any distractions.

QUESTION: How do I add a simple logo bar at the top. Similar to the header bar but without a drawer menu or clickable links. I simply want a small centered logo.

Note: I am using custom theme ‘Startup’.

Thanks.

2

Hi @vorpaL If the theme has it use a custom html section and add the html for an image.

Otherwise your going to have to further customize the theme code in theme.liquid.

Here’s a snippet example to show a logo https://shopify.github.io/liquid-code-examples/example/header-logo

If you need to just buy this customization contact me at paull.newton+shopifyforums@gmail.com with store url ,storefront password, and this topic details.

3

Hi @PaulNewton

This was helpful, thank you. I was able to add a simple image via html (I dont know why I didn’t just think the simplest thing could work hah).

I was thinking I needed to add some fancy code to get a header bar without it actually being a header bar. :face_with_tongue:

Thanks for opening my brain

1 Like
4

Happens all the time it’s not exactly a science, be sure to to accept the solution, thanks and goodluck.