Homepage unusual line placement?

On my home page just below the image and before the shop button I have a weird white line that breaks the page into multiple sections.
I dont know why this is showing, Any advice would be lovely!

Thank you in advance

1 Like

no!! that’s good!

Hello @Anonymous
Please provide the URL of your website.

Hi, @GTLOfficial

Please share the store URL so that I can assist you.

Hi @Anonymous ,

Step 1: Go to Shopify Admin β†’ Online Store ->Theme β†’ Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

{% if template.name == 'index' %}

{% endif %}

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 :heart_eyes:

Hello @Anonymous ,

Please add the mentioned code at the bottom of the theme.liquid file before tag and save.


The code helps you remove the unnecessary line in your header section.

Output will be like this -:

Please share if you need any further assistance.

Thank you.

Hi @Anonymous
Can you try changing the color scheme 1’s Background gradient with the blue in above section.

If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

Hello @Anonymous

Go to online store ---------> themes --------------> actions ------> edit code------->base.css----> line number 1100
search this code

.media > :not(.zoom):not(.deferred-media__poster-button), {
display: block;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

and replace with this code

.media > :not(.zoom):not(.deferred-media__poster-button),{
display: block;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
height: 473px;
width: 100%;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks