Why isn't my custom background working on my header?

So I was trying to work out how to make my search icon a bar etc and now my header custom image isn’t working. I’m not sure if you can diagnose this through my site but it’s Manningtree Vintage Vibes | Authentic Vintage Clothing - UK Shipping - password is teefai.

I deleted the code I put in when it messed up, it still hasn’t fixed it. The header is meant to be the same custom image as my footer. Can someone tell me how to fix this?

Hi @Shane_94 ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

  2. Snippets/header-search.liquid

  3. Refer screenshot to add code below:

{%  if input_id == 'Search-In-Modal-1' %} open="true" {%  endif  %}
  1. Go to Assets/base.css add code below to end of file
.header > .header__search summary {
    display: none;
  }

  body .header > .header__search >  details[open] > .search-modal {
    position: static;
    background: none;
    padding: 0;
  }

  body .header > .header__search   .search-modal .modal-overlay {
    display: none
  }

  body .header > .header__search .search-modal__content {
    padding: 0;
    position: static;
  }

  body .header > .header__search predictive-search {
    position: static;
  }

  body .header > .header__search .predictive-search {
    width: 100%;
    top: auto;
  }

  body .header > .header__search #predictive-search-results {
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 5rem;
  }

  body .header > .header__search .search-modal__close-button {
    display: none;
  }

Result:

Hey, not sure why but this didn’t work for me, it removed the search icon

Hi,

Could you share 2 files?

  1. Snippets/header-search.liquid

  2. Sections/header.liquid

I will help to apply code for you.

Sure, how do I share them with you?

Hi,

Could you share code on github? if you don’t have github. Could you please share code here.https://docs.google.com/document/d/1iJF-kkFBdkIiuYtf4W5ibjokJx8Nf6au7N0o05lOKHg/edit?usp=sharing

1 Like

Hi,

Thank you for the reply, I’ve put the code into the Google Doc

Hi,

You can get new code here. https://docs.google.com/document/d/1iJF-kkFBdkIiuYtf4W5ibjokJx8Nf6au7N0o05lOKHg/edit?usp=sharing. I highlighted code that has been added.

1 Like

Man you are an absolute legend. Thank you so much! - is there a way I can have a custom text saying “SEARCH BRANDS & PRODUCTS”?

Hi,

I updated code on google doc. The new coded has been highlighted by blue color.

1 Like

Thank you so much