Comments itsabusamra started the conversationAugust 18, 2019 at 2:07pm1. My first issue is with the slideshow, the font is so big on mobile it doesn't align correctly with my images. https://ibb.co/bmcpNjg 2. My second issue is with the GPS logo list, it's not centered and looks weird. https://ibb.co/kxkHkDy 3. My third issue is with the footer, I want to center all of this text and the social icons. https://ibb.co/Xt2M9Mj 231Shopify Team repliedAugust 19, 2019 at 8:35amHi itsabusamra, 1. About your first issue, you can upload images for mobile. Please follow these steps to fix it: - Go to Admin - Online Store - Theme - Customize - Open section GPS Slideshow - Slide - Mobile image - Choose image you want to show on mobile - Click Save to save the updates then check on frontend. 2. Please follow these steps to fix the GPS logo list issue: - Go to Admin - Online Store - Theme - Actions - Edit code - Open file from this path: Assets - gps-homepage.scss.liquid - Scroll to line 1485, you can see this piece of code - Delete this code marked - Click Save to save the updates then check on frontend. 3. please follow these steps to centered all of text and the social - Go to Admin - Online Store - Theme - Actions - Edit code - Open file from this path: Assets - gps-header-footer.scss.liquid - Scroll the end of file and add this code like image below - Here's the code piece: @media (max-width: 767px) { .site-footer{ .middle-footer{ .col-12.gp-footer-block{ .text-wrapper{ text-align: center !important; } &> *{ justify-content: center !important; } .text-column-with-image-wrapper { text-align: center!important; .image-wrapper img { margin: 0 auto; } } .vertical-link-list-wrapper { text-align: center!important; } .newsletter-wrapper { .content { text-align: center!important; } .footer-socials-wrapper, form { justify-content: center!important; } } .horizontal-link-list-wrapper { .title-content { text-align: center; } ul { jusity-content: center!important; } } } } } } - Save to save the updates then check on frontend Be Steven Best regards Sign in to reply ...
1. My first issue is with the slideshow, the font is so big on mobile it doesn't align correctly with my images. https://ibb.co/bmcpNjg
2. My second issue is with the GPS logo list, it's not centered and looks weird. https://ibb.co/kxkHkDy
3. My third issue is with the footer, I want to center all of this text and the social icons. https://ibb.co/Xt2M9Mj
Hi itsabusamra,
1. About your first issue, you can upload images for mobile. Please follow these steps to fix it:
- Go to Admin - Online Store - Theme - Customize
- Open section GPS Slideshow - Slide - Mobile image
- Choose image you want to show on mobile
- Click Save to save the updates then check on frontend.
2. Please follow these steps to fix the GPS logo list issue:
- Go to Admin - Online Store - Theme - Actions - Edit code
- Open file from this path: Assets - gps-homepage.scss.liquid
- Scroll to line 1485, you can see this piece of code
- Delete this code marked
- Click Save to save the updates then check on frontend.
3. please follow these steps to centered all of text and the social
- Go to Admin - Online Store - Theme - Actions - Edit code
- Open file from this path: Assets - gps-header-footer.scss.liquid
- Scroll the end of file and add this code like image below
- Here's the code piece:
- Save to save the updates then check on frontend
Be Steven
Best regards