How can I make the footer text and spacing the same between blocks? mobile view only

Luminaskn
Tourist
26 0 1

Hi, 

 

on my footer in mobile view the block text and spacing isnt the same and i wanted to see if someone can help me fix it. the desktop version is good. it currently looks like this: 

 

IMG_2500.jpg

i would like all text to be 1.1 rem and the spacing to be good 

Replies 8 (8)

AnneLuo
Shopify Partner
414 85 79


You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code to the head tag

<style>
  @media (max-width: 767px) {
    .footer-block__brand-info .rte p{
       margin-bottom: 20px;
    }
  }
</style>

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
Luminaskn
Tourist
26 0 1

it still hasn't worked

AnneLuo
Shopify Partner
414 85 79

I just modified the margin. Do you want the text size to be the same?Can you provide a detailed explanation?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
Luminaskn
Tourist
26 0 1

i would like the more info links to be the same size as the other 2 columns and i would like them to be more closer together. I would also like to add spacing between each column so they are equally spaced. 

 

this is an example of how i would like it to look like: 

 

IMG_2501.PNG

AnneLuo
Shopify Partner
414 85 79

Then you can uniformly modify the font size to be consistent. Because your current text font size is different.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
Luminaskn
Tourist
26 0 1

can you tell me how to do that please

AnneLuo
Shopify Partner
414 85 79

Follow the steps I mentioned above to add the following code to it.

<style>
  .footer__blocks-wrapper .rte p {
    font-size: 14px;
  }
</style>

 

Hopefully it will help you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

diego_ezfy
Shopify Partner
2967 571 898

Hello @Luminaskn@Luminaskn,

Please share:
1. your store URL;
2. page URL with the issue you mention;
3. storefront password (if your store has one).

If the store is not online yet, kindly share the preview URL.