How do I move writing at the top of a collection so it is in the middle of the collection images?

Store Design
, , ,
1

Hello,

I have a heading at the top of my collection but I want it to display across the two images like I have shown in the screenshot.

Any help is much appreciated.

Many thanks,

Josh

jking403_0-1736758754158.png
jking403_0-1736758754158.png1888×790 241 KB

2

URL - mutu-store

3

Hello @jking403

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

#shopify-section-template--20772353736981__collection_list_tFLGxw .section-header { position: absolute; top: 37%; z-index: 99; } #shopify-section-template--20772353736981__collection_list_tFLGxw .section-spacing:not(.section-spacing--padded){ margin-block-start: 0px !important; }

RESULT:

Tech_Coding_0-1736759786762.png
Tech_Coding_0-1736759786762.png1337×523 554 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

4

Hi there @jking403 You should check out the marked solution reply here https://community.shopify.com/post/1613021

I think this solution should work fine for your case as well so let me know if it does.

5

Hi @jking403

Thanks for your query :

You can follow this instruction:

  1. Go to Shopify > Theme > Customize

  2. Hide the collection title here: https://prnt.sc/ipE1yMMpEXoW

  3. Then Add block custom liquid: https://prnt.sc/H_GUm-ZQAbLs

  4. Add this code below to show the collection title: https://prnt.sc/1Wx9ImXatN6q

# {{collection.title}}

Here is the result:

EstherBui_0-1736760526160.png
EstherBui_0-1736760526160.png1697×665 81.9 KB

6

Hi Tech_Coding, this works! Thank you!

Dont suppose you know how I can change the text colour to white?

Many thanks,

Josh