Footer texts and icons alignments different in desktop and mobile Views

Store Design
, , ,
1

Hello,

May I ask for your help regarding the alignments of the texts and icons in the footer.

DEBUT THEME

Here’s the link for my website: https://j0r9tb846ymf4u29-58342015156.shopifypreview.com

DESKTOP VIEW: footer texts and icons have good layouts

MOBILE VIEW: footer texts and icons for:

  • homepage: good

  • some pages at the footer: some texts and icons are located at the center, but some are in left alignment

See attached images for you reference:

315531189_1333967777413436_1570278913059011000_n.jpg
315531189_1333967777413436_1570278913059011000_n.jpg1146×2048 79.4 KB

314401610_1198784140711589_1513314826946643944_n.jpg
314401610_1198784140711589_1513314826946643944_n.jpg1156×2048 77.7 KB

312994550_1137307566915366_6800703998481481280_n.jpg
312994550_1137307566915366_6800703998481481280_n.jpg1140×2048 82.1 KB

Here’s the code at the bottom of assets/theme.css:

#shopify-section-header {
width: 100%;
position: fixed;
z-index: 99;
background: #fff !important;
}
.page-container {
padding-top: 196px;
}
.site-footer__section {
text-align:center;
}
@media only screen and (max-width: 749px) {
.site-footer__content {
text-align: center;
line-height: 5px;
}
.site-footer__item {
justify-content: center;
}
@media only screen and (max-width: 750px){
.site-footer h4, .site-footer .h4 {font-size: 22px; text-decoration: underline}
}

Please help me resolve this issue. Thank you in advance.

2

@ninja_nthgrade - can you share page link where you have left aligned items?

3

Hi, @suyash1

Thank you for replying. There’s a problem in centering the alignment of texts, social media and payment icons in the footer in MOBILE VIEW ONLY.

All of the FAQs pages:

Help Center pages:

Store pages:

Hoping for the solution. Thank you so much!

4

Hello, @suyash1

Thank you for replying. There’s a problem in centering the texts, social media and payment icons in the footer in MOBILE VIEW ONLY.

Here are the links:

FAQs pages:

Help Center pages:

Store pages:

Hoping for solutions to these issues. Thank you so much!