1px line on home page issue

[jeffreym]

I have this small line on my homepage, I continue to have these on my website I am not sure why. 

Can someone please help me remove it! 

Thankyou in advance guys

url: hygiadental.com

pw: melek

 

[MaverickStudio · Accepted solution]

Hey @jeffreym,

Give the following code a try. Add it to your base.css

#shopify-section-template--17256407892068__image_banner_miXpMH
	.media {
	background-color: #24aed1 !important;
}

[Dan-From-Ryviu · Accepted solution]

Hi @jeffreym 

You can add this code to your Custom CSS in store admin > Sale channels > Online Store > Themes > Customize > Theme settings to solve the issue 

<style>
    #shopify-section-template--17256407892068__image_banner_miXpMH { margin-bottom: -1px; }
</style>

 

[MaverickStudio · Accepted solution]

Hey @jeffreym,

Give the following code a try. Add it to your base.css

#shopify-section-template--17256407892068__image_banner_miXpMH
	.media {
	background-color: #24aed1 !important;
}

[MaverickStudio · Accepted solution]

@jeffreym The issue is with the svg image itself which is slightly smaller than the viewbox. So if you look closely the line is present on the left and right side as well. Now this gap is what shows through as the white "line", because the page background is showing through it. By adding the background color we override that issue.

[Dan-From-Ryviu · Accepted solution]

Hi @jeffreym 

You can add this code to your Custom CSS in store admin > Sale channels > Online Store > Themes > Customize > Theme settings to solve the issue 

<style>
    #shopify-section-template--17256407892068__image_banner_miXpMH { margin-bottom: -1px; }
</style>