Hi, I’m using Turbo theme and I want part of the logo to come out of the menu bar. I mean half of the logo to be in the menu bar and the other half to cover part of the slideshow sector.
I want it to turn out like the picture.
Thank you!
Topic summary
A Shopify store owner using the Turbo theme wants to position their logo so it extends beyond the menu bar—half inside the header and half overlapping the slideshow section below.
Solutions Provided:
- Multiple contributors offered CSS code snippets to be added to the
theme.liquidfile before the</head>tag - The code uses conditional logic (
{% if template.name == 'index' %}) to apply the effect only on the homepage - A separate code snippet was provided specifically for mobile responsiveness
Implementation Steps:
- Navigate to Shopify Admin → Online Store → Themes → Actions → Edit code
- Locate the
theme.liquidfile - Insert the provided CSS before the
</head>tag - Save changes
Status: The original poster confirmed the solution worked and asked a follow-up question about mobile implementation, which was also addressed with additional code. Screenshots were shared showing the expected visual outcome.
2 Likes
Hello @FashionDose
Our team is ready to help you.
Please share your website URL so that we can check and assist you.
1 Like
Can you share a link to your store?
Hi @FashionDose
Check this one.
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.
{% if template.name == 'index' %}
{% endif %}
And Save.
Result:
Note: This only visible on the homepage. Not in all other page.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
Thank you!
- Here is the solution for you @FashionDose
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag and press ‘Save’ to save it.
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
Just one more question 
- How do I do the same on the mobile version?
