Line under banner

Solved

Line under banner

1karod1999
Tourist
4 0 2

 

 Hi! 

Is there a way to remove the white line under the banner? The line only appears on the phone.

 

store URL: https://407acc-b9.myshopify.com/

password: adreul

 

 

IMG_8828.PNG

Accepted Solutions (3)

BSSCommerce-HDL
Shopify Expert
997 335 396

This is an accepted solution.

Hi @1karod1999 , 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1718192621405.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1718192626394.png

 

Step 3: Insert the below code at the bottom of the file -> Save

@media only screen and (max-width: 767px) {
   .color-scheme-3.isolate.gradient:has(.collection) {
    transform: translateY(1px); 
   }
}

Here is result: 

BSSCommerceHDL_2-1718192656514.png

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 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

dws_pvt_ltd
Shopify Partner
25 7 7

This is an accepted solution.

Wrong CSS. Please check it. @1karod1999  New add CSS.

 

@media only screen and (max-width: 767px) {
   .color-scheme-3.isolate.gradient:has(.collection) {
    transform: translateY(-1px); 
   }
}

 



Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution Pvt Ltd.

View solution in original post

BSSCommerce-HDL
Shopify Expert
997 335 396

This is an accepted solution.

Hi @1karod1999, Pls insert this code to your file css: 

.banner.banner--content-align-center {
        margin-top: -1px !important;
}

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 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 7 (7)

BSSCommerce-HDL
Shopify Expert
997 335 396

This is an accepted solution.

Hi @1karod1999 , 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1718192621405.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1718192626394.png

 

Step 3: Insert the below code at the bottom of the file -> Save

@media only screen and (max-width: 767px) {
   .color-scheme-3.isolate.gradient:has(.collection) {
    transform: translateY(1px); 
   }
}

Here is result: 

BSSCommerceHDL_2-1718192656514.png

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 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
dws_pvt_ltd
Shopify Partner
25 7 7

This is an accepted solution.

Wrong CSS. Please check it. @1karod1999  New add CSS.

 

@media only screen and (max-width: 767px) {
   .color-scheme-3.isolate.gradient:has(.collection) {
    transform: translateY(-1px); 
   }
}

 



Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution Pvt Ltd.
1karod1999
Tourist
4 0 2

It's worked. Thank you!

1karod1999
Tourist
4 0 2

Thank you!

BSSCommerce-HDL
Shopify Expert
997 335 396

@1karod1999 

We're happy to see that our suggestion helped you solve the issue.

Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

Thanks in advance 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
1karod1999
Tourist
4 0 2

I would be grateful if you would look at it again. The gaps have now appeared in other places 😞

 

IMG_8833.PNG

IMG_8832.PNG

BSSCommerce-HDL
Shopify Expert
997 335 396

This is an accepted solution.

Hi @1karod1999, Pls insert this code to your file css: 

.banner.banner--content-align-center {
        margin-top: -1px !important;
}

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 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency