border on top of front picture

Solved

border on top of front picture

Drsido1234
Visitor
2 0 0

Hello out there
I have now for a very long time tried on my own to get rid of the white line above my picture, but it is not possible
even though all my paddings are set to 0

what is strange to me is that in edit mode there is no border but on the website online there is

Hope someone can help me

 

my website name is ( zicozone.comScreenshot 2024-07-09 at 09.42.46.pngScreenshot 2024-07-09 at 09.43.39.png

Accepted Solution (1)

Moeed
Shopify Partner
4361 1123 1380

This is an accepted solution.

Hey @Drsido1234 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-header {
    margin: 0 !important;
}
</style>

RESULT:

Moeed_0-1720511422422.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
4361 1123 1380

This is an accepted solution.

Hey @Drsido1234 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-header {
    margin: 0 !important;
}
</style>

RESULT:

Moeed_0-1720511422422.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Drsido1234
Visitor
2 0 0

thank you moeed you are the best!!

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

Hi @Drsido1234 

You can solve it by adding this code to Online Store > Themes > Customize > Theme settings > Custom CSS 

.section-header { margin-bottom: 0 !important; }
.header-wrapper .header { margin-top: 0 !important; }

Screenshot 2024-07-09 at 14.50.12.png

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.