CHANGE FOOTER SIZE FOR PALO ALTO THEME

Solved
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)

Accepted Solutions
Natztech
Shopify Partner
2237 565 1373

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
Tourist
11 1 3

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)
Natztech
Shopify Partner
2237 565 1373

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
Tourist
11 1 3

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

 

Natztech
Shopify Partner
2237 565 1373

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
Tourist
11 1 3

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

Lanchaster_91
Excursionist
23 1 3

thank you for your help.