What's your biggest current challenge? Have your say in Community Polls along the right column.

Hide all borders mobile footer

Hide all borders mobile footer

Luxluxlux360
Excursionist
30 0 6

 Hi,

id like hide the borders on mobile footer. My site is https://lux360.com

0F863F17-7DDB-4BD2-8DFD-8BD3024E37C0.jpeg

Replies 4 (4)

rajweb
Shopify Partner
416 39 55

Hey @Luxluxlux360 ,

To hide the borders on the mobile footer of your website, you can use the following CSS, which targets only smaller screen sizes:

 

 

<style>
.grid__item:first-child .footer__title {
    display: none !important;
}
</style>

 

 

Result:

rajweb_0-1731301022575.png

 

 

This CSS code will remove any borders from the footer section when viewed on devices with a screen width of 768px or less. Adjust the selector (footer) as needed to specifically target the footer area you want to modify if your theme uses a different class or ID. Let me know if you need further customization!

 

If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat Sharma

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com

Moeed
Shopify Partner
6357 1722 2083

Hey @Luxluxlux360 

 

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>
.grid__item:first-child .footer__title {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1731300901886.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

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


GTLOfficial
Shopify Partner
679 144 142

Hello @Luxluxlux360 
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

.footer__title.footer__accordion__head.js.accordion-is-open {
display: none !important;
}

result
84.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

BSSCommerce-B2B
Shopify Partner
1969 564 566

@Luxluxlux360,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

 

<style>
.grid__item:first-child .footer__title {
    display: none !important;
}
</style>

Result:

BSSCommerceB2B_0-1731311132636.png

If it helps you, please like and mark it as the solution.

Best Regards  😊

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now