How can I adjust the footer size in Palo Alto theme?

Store Design
1

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
fffff.JPG1360×701 49.6 KB

1 Like
2

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

Hi Natztech,

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

Lanchaster_91_0-1636948424916.png
Lanchaster_91_0-1636948424916.png1350×703 42.9 KB

Code view.

Lanchaster_91_1-1636948515868.png
Lanchaster_91_1-1636948515868.png871×552 26.5 KB

4

@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;
}
}
1 Like
5

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

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
Lanchaster_91_0-1636952826789.png1366×443 24.4 KB

7

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

thank you for your help.