How can I center social media icons on a mobile screen?

Store Design
1

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

2

@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!

3

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

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%;

}
}
5

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

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