Hide all borders mobile footer

Hide all borders mobile footer

Luxluxlux360
Excursionist
31 0 7

 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
814 70 150

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

Rajat | Shopify Expert Developer
Need a reliable Shopify developer for your next project?
Our App: Productify Groups App
Email: rajat.shopify@gmail.com
Portfolio: https://rajatweb.dev

Moeed
Shopify Partner
7450 2017 2472

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!

- Custom Design | Advanced Coding | Store Modifications


GTLOfficial
Shopify Partner
848 175 190

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
1972 564 568

@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