Solved

CHANGE FOOTER SIZE FOR PALO ALTO THEME

Lanchaster_91
Excursionist
23 1 3

Hi is there a way to change the footer size in Palo Alto Theme? My current footer is taking half of the page. My shop URL is https://stoned-and-co-online.myshopify.com/

 

fffff.JPG

Accepted Solutions (3)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

 

@Lanchaster_91 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 768px){
.footer-bottom wrapper .social-sharing-wrapper {
    margin-top: 5px !important ;
}
}

 

View solution in original post

Lanchaster_91
Excursionist
23 1 3

This is an accepted solution.

Hi Natztech,

 

Great! thank you for your help I manage to shrink the footer now.

Possible to reduce the space between the logo and about us?

Lanchaster_91_0-1636952826789.png

 

View solution in original post

GM-Mart
Excursionist
15 1 6

This is an accepted solution.

@Lanchaster_91,

Add this, Good Luck! 
You can reduce more gap by changing 15 to lower values.

@media only screen and (min-width: 768px){
.footer-content__logo {
    margin-bottom: 15px;
}
}

 

View solution in original post

Replies 7 (7)

Kinjaldavra
Shopify Partner
2302 570 1422

hello @Lanchaster_91 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-footer {
        padding: 12px 0px ;
}

 

Lanchaster_91
Excursionist
23 1 3

Hi Natztech,

 

I have paste the code but the footer still take more than half of the page.

 

Lanchaster_91_0-1636948424916.png

Code view.

Lanchaster_91_1-1636948515868.png

 

 

GM-Mart
Excursionist
15 1 6

@Lanchaster_91,
Add this code at the bottom of your theme.css file.

@media only screen and (min-width: 768px){
.footer-bottom {
    margin-top: 5px;
}
}

 

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

 

@Lanchaster_91 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 768px){
.footer-bottom wrapper .social-sharing-wrapper {
    margin-top: 5px !important ;
}
}

 

Lanchaster_91
Excursionist
23 1 3

This is an accepted solution.

Hi Natztech,

 

Great! thank you for your help I manage to shrink the footer now.

Possible to reduce the space between the logo and about us?

Lanchaster_91_0-1636952826789.png

 

GM-Mart
Excursionist
15 1 6

This is an accepted solution.

@Lanchaster_91,

Add this, Good Luck! 
You can reduce more gap by changing 15 to lower values.

@media only screen and (min-width: 768px){
.footer-content__logo {
    margin-bottom: 15px;
}
}

 

Lanchaster_91
Excursionist
23 1 3

thank you for your help.