Hi,
id like hide the borders on mobile footer. My site is https://lux360.com
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:
Result:
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
Hey @Luxluxlux360
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
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
If this was helpful, hit the like button and accept the solution.
Thanks
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above
Result:
If it helps you, please like and mark it as the solution.
Best Regards 