Solved

Remove white space in the footer - Symmetry Theme

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)
oscprofessional
Shopify Partner
15830 2369 3072

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;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 11 (11)

oscprofessional
Shopify Partner
15830 2369 3072

Hello,

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | 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
15830 2369 3072

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;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | 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
15830 2369 3072

Hi,

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
15830 2369 3072
.section-footer__row__col.section-footer__newsletter-block {
    margin-bottom: 10px;
}

 

add this css also!

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | 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
15830 2369 3072

Do you want any help other ? else


If helpful then please Like and Accept Solution.

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
15830 2369 3072

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;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | 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
15830 2369 3072
.section-footer__row.section-footer__row-lower {
padding: 10px;
}

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing