My footer navigation links on mobile overlap each other.

Site URL: https://www.refinedspaces.co/closet

Hi All, 

When I toggle my site between desktop and mobile, the links in my footer navigation on Mobile orientation seem to overlap, instead of creating a second line of links in the footer. Can anyone assist? Please and thank you in advance. 

You may find this css snippet helpful, add it into Settings -> Design -> Custom Css

.Footer-nav-group .Footer-nav-item {
    height: 20px;
}

Thank you this worked!

Hi @refinedspacesco,

To add on what bangank36 suggested, I just wanted to point our that most of the times overlapping text issues on mobile are related with the line height tweak being set as 0em or a very small value in the style settings for your site. That's something highlighted in this great help article:

Fixing text formatting - Fix line spacing

So, adjusting that style tweak should fix the issue. 🙂