Footer Doesnt Stack On Mobile

Support
#1

Hi,

My footer content just collides on mobile instead of stacking. I am using the standard footer on the renew stack.

How can I get to stack up on mobile as it should please?

https://shootingsuppliesltd.co.uk

Also the footer font-size is different on the home page compared to the other pages?

Thanks

#2

Hey @daz1uk,

Please update this code:

#x-site > footer.x-colophon.top > div {
    display: flex;
    align-content: space-around;
}

to

@media (min-width: 767px) {
    #x-site > footer.x-colophon.top > div {
        display: flex;
        align-content: space-around;
    }
}

Hope this helps.

#3

Hi @Jade,

Much appreciated, thank you.

#4

You’re welcome, @daz1uk.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.