Footer menu align text on left side - Mobile - Narrative Theme

[Oliver_Blake]

Hi everyone,

I am trying to align the links on my footer menu to be on the left side, but had no success so far,
tried with adding a few different things to the theme.scss file

.site-footer .wrapper .grid:first-child{ text-align: left; }

@media only screen and (max-width: 767px) {
.site-footer .grid-item.small--one-whole:not(:last-child){ margin-bottom: 20px;}
}

Link to the website: https://muave.co.uk/

Help will be much appreciated. Thank you!

[oscprofessional]

@media only screen and (max-width: 767px) {
li.site-footer__linklist-item.h6 {
    display: block;
    text-align: left;
}
}

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

[Oliver_Blake]

Hi,

Thank you for that! It worked like magic!

Wish you all the best!

[catalienne]

Hi Trying to do something similar with pipeline theme as my navigation footer if by itself won’t go to the left keeps centering also any way to remove the navigation/footer name. At the moment the menu is Footer so ‘Footer’ comes up with a line under - would prefer it gone thanks

[oscprofessional]

@catalienne ,

Can you provide me the screenshot ?

[catalienne]

Thank you

[oscprofessional]

@catalienne ,

Share the store URL.

[oscprofessional]

Hi @catalienne

here you can change the name

[catalienne]

Thank you Unfortunately Pipeline is static unlike Dawn and Debut etc.

[oscprofessional]

@catalienne ,

This is applicable in dawn theme

check this in your theme

[oscprofessional]

@catalienne

once check here

otherwise need to edit the liquid file

[catalienne]

Ok sweet. I was hoping to remove the whole name of the footer but even in edit languages it won’t budge. Thanks I will edit that way