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

[Luminaskn]

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: 

 

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

[AnneLuo]

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!

[Luminaskn]

it still hasn't worked

[AnneLuo]

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

[Luminaskn]

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: 

 

[AnneLuo]

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

[Luminaskn]

can you tell me how to do that please

[AnneLuo]

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.

[diego_ezfy]

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.