Remove white space in the footer - Symmetry Theme

Solved
dabbink
Excursionist
12 0 1

Hi guys,

As you can see in the picture, there is a lot of white space in my footer area and I would like to be more compact. 

Any ideas as to how this can be fixed?

Thanks! 

Screenshot 2021-07-26 at 15.12.49.png

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
11467 1801 2307

This is an accepted solution.

Ok,

Replace that code (at first i have send) with this :

.section-footer__row.section-footer__row--blocks {
padding: 19px;
margin: 0;
}
.section-footer__row.section-footer__row-lower {
padding: 10px;
}

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Replies 11 (11)
oscprofessional
Shopify Partner
11467 1801 2307

Hello,

Please Share your store live url where you want to do modification, so that i will solve your issue here!

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
dabbink
Excursionist
12 0 1

That's great! Please note that images that are there are simply for testing purposes. 

Herewith: www.timelesscasestudy.com

pass: niekli

oscprofessional
Shopify Partner
11467 1801 2307

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.scss.liquid

.section-footer__row.section-footer__row--blocks {
    padding: 19px;
    margin: 0;
}
.section-footer__row.section-footer__row-lower {
    padding: 0;
}

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
dabbink
Excursionist
12 0 1

Almost what I was looking for! Is it possible to have it done so that the "Copyright Timeless Case Study" also moves up a bit?

oscprofessional
Shopify Partner
11467 1801 2307

Hi,

 "Copyright Timeless Case Study"  is the second div. It will leave bit space. Just do the changes first i have send code.

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
11467 1801 2307
.section-footer__row__col.section-footer__newsletter-block {
    margin-bottom: 10px;
}

 

add this css also!

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
dabbink
Excursionist
12 0 1

Thanks! 


It looks like this now:

Screenshot 2021-07-26 at 16.11.18.png

 

I would like to keep a little bit of white space underneath the copyright text. 

oscprofessional
Shopify Partner
11467 1801 2307

Do you want any help other ? else


If helpful then please Like and Accept Solution.

 

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
11467 1801 2307

This is an accepted solution.

Ok,

Replace that code (at first i have send) with this :

.section-footer__row.section-footer__row--blocks {
padding: 19px;
margin: 0;
}
.section-footer__row.section-footer__row-lower {
padding: 10px;
}

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
dabbink
Excursionist
12 0 1

It works perfectly like this, thank you so much! 

How can I move the "copyright" part up even more if I would want to do so at some point?

oscprofessional
Shopify Partner
11467 1801 2307
.section-footer__row.section-footer__row-lower {
padding: 10px;
}

you will have to search this code and adjust the padding !

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing