How to reduce spacing in mobile view footer?

Solved
shells
Explorer
193 3 97

@Pallavi 

@dmwwebartisan 

Can anyone help with centering this logo image in the footer please

www.feyrebaby.com.au

 

also would like to center the description with text. 

Grateful for any insights. 

shells_1-1624515541881.png

 

shells_0-1624515496915.png

 

Pallavi
Shopify Expert
2209 360 472

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

 

@media screen and (max-width: 749px){
    .site-footer__section img {
    margin: 0 auto !important;
}
}
.product-single__info-wrapper #nav-tab-info .nav-tabs .nav-item {
    margin: 0 10px;
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Natztech
Shopify Partner
1337 371 908

This is an accepted solution.

hello @shells 

@media screen and (max-width: 749px){
.site-footer__section img{
    display: flex;
    margin: 0 auto !important;
}
}
.product-single__info-wrapper #nav-tab-info .nav-tabs .nav-item {
    margin: 0 !important;
}
Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
shells
Explorer
193 3 97

@Pallavi @Natztech 

unfortunately, this is sitll not working and my logo is sitll not centered. 

@media screen and (max-width: 749px){
.site-footer__section img{
    display: flex;
    margin: 0 auto !important;
}
}

 

0 Likes
f_malik
Excursionist
18 3 5

Try using this

 

 

@media screen and (max-width: 749px){
.site-footer__section{
     position: relative;
}
.site-footer__section img{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
  }
}

 

shells
Explorer
193 3 97

all sorted. thanks everyone!