Formatting footer and buttons

[kashco]

1. I want to ensure to remove extra spacing between my footer menu on desktop version and the mobile version please remove the collapsible menu feature (while making it neat)
2. Home page - The buttons should be spaced to feature center relative to the image. 

Please help 

https://kashco-interiors.myshopify.com/

Password - Kashco

[rajweb]

Hey @kashco ,

To remove the extra spacing in your footer and disable the collapsible menu on mobile while keeping the design neat, follow these steps:

1. Remove Extra Spacing in Footer:

- Locate your footer section file in the theme editor (likely under footer.liquid or theme.css).

- Adjust padding and margins using CSS:

.footer {
    padding-bottom: 0px !important;  /* Adjust if needed */
    margin-bottom: 0px !important;
}

2. Disable Collapsible Menu on Mobile:

- If your theme has a collapsible menu, find the corresponding JavaScript controlling it (theme.js or footer.js).

- Disable the collapsible functionality by removing or commenting out the script.

- If it's controlled via CSS, override it like this:

@media (max-width: 768px) {
    .footer-menu {
        display: block !important;
    }
    
    .footer-menu .menu-item {
        display: inline-block;
        width: auto;
    }
}

Let me know if you need help finding the right file in your theme!

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