Goal: stop the banner image from blending into the header (search/menu) and add a clear white background strip for better readability.
Actions taken:
Refinement:
Further request (open):
Status: Header background issue resolved; dropdown styling request pending confirmation. Key terms: theme.liquid (main theme layout), Liquid (Shopify templating language).
Hi Shopify friends,
A while ago I wanted to have the banner image merge into the search bar (Like photos attached) but I would like it not to anymore as its not very clear for the search and menu.
Does anyone know how to get it to stop the banner image merging into the top search menu and have a small white background strip so its nice and clear for people to click on the main menu.
Hi @vibehome , You mean like this:
Hi @BSSCommerce-HDL Yes that would be great 
Hi @vibehome
Do you mean like this?
You add some over ride code in your theme.liquid. Check this one one if it work.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
And Save.
If this code wont work you need to take out some code on the theme.liquid.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @vibehome ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
Hi I have just done that. Thanks that just what I wanted.
Can the font be changes to black?
Also the collection section has merged in the image? screen shots attached.
Hi there, could it be more like this (screen shot attached) we like it to be more plain if possible.
Hi @vibehome , Pls replace old code to this new code:
{% if template.name == 'index' %}
{% endif %}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you
Thank you so much! Thats excellent!!
@vibehome , No problem. Glad to help you
Hey again, the drop down boxes have a clear background. Can we have this drop down box light grey (
colour code D8D8D8 - with black writing which it already it please
@BSSCommerce-HDL for all drop down on website please
Hi @vibehome ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you