Solved

Center Social Media Icons on mobile

Not applicable

hey guys i was wondering how i can make the social icons center on mobile. Also the text for "main menu" and "Subscribe"

Any help is much appreciated!

Details:

https://directcomputers.myshopify.com

flowma is the password

Accepted Solution (1)

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@Anonymous 

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (max-width: 719px){
.site-footer-block-item{
text-align: center;
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 5 (5)

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@Anonymous 

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (max-width: 719px){
.site-footer-block-item{
text-align: center;
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Not applicable

Hey  thanks for helping me on two things now! Cheers everyone else too much appreciated 

KetanKumar
Shopify Partner
36839 3635 11972

@Anonymous 

thanks for post can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media screen and (max-width: 1023px) {
.site-footer-block-social-accounts {
    text-align: center;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 570 1422

hello @Anonymous 


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

@media screen and (max-width: 729px) {
.site-footer-block-item{
text-align: center;
}
.site-footer-block-item.site-footer-block-newsletter .newsletter {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;

}
}

 

LitExtension
Shopify Partner
4860 1001 1132

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.css and paste this at the bottom of the file:
@media screen and (max-width: 1023px){
.site-footer-block-item{
text-align: center;
}
}

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify