Solved

How can I align my homepage banner correctly?

Gijsvl
Excursionist
16 0 4

Hi all,

 

My banner on the homepage is slightly slightly aligned to the right.

I have about 2 pixels of whitespace on the left side of the banner.

 

It's probably a small fix, but I can't seem to get it right..

 

https://www.beestn.nl

pw: 123

 

Thanks so much.

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2045 592 464

This is an accepted solution.

It's somehow the wave effect that's causing it, but I can't really fix the wave. 

 

I have a fix that will kind of hide it

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.banner__edge-style.element--edge-waves-angle-bottom-up {
    width: 100vw !important;
    left: -2px !important;
    overflow-x: hidden !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708439736100.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Reply 1 (1)

ThePrimeWeb
Shopify Partner
2045 592 464

This is an accepted solution.

It's somehow the wave effect that's causing it, but I can't really fix the wave. 

 

I have a fix that will kind of hide it

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.banner__edge-style.element--edge-waves-angle-bottom-up {
    width: 100vw !important;
    left: -2px !important;
    overflow-x: hidden !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708439736100.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!