What's new

Issue with aligning footer links.



ilouiemiami

New member
Code:
<footer id="Footer" class="clearfix">

        
        <div class="widgets_wrapper"><div class="container"><div class="column one-fourth"><aside id="text-2" class="widget widget_text">            <div class="textwidget"><ul style="line-height: 20px; width: 50%; margin-left: 4%;" >
<li ><a href="https://www.facebook.com/louisfelipeusa/"target="_blank">facebook</a></li>
<li ><a href="https://www.instagram.com/lfelipeusa/"target="_blank">instagram</a></li>


</ul>

</div>
        </aside></div><div class="column one-fourth"><aside id="text-3" class="widget widget_text">            <div class="textwidget"><ul style="line-height: 20px; width: 50%; margin-left: 4%;" >
<li><a href="https://louisfelipeusa.com/contact/">client care</a></li>
<li><a href="https://louisfelipeusa.com/my-account/">log in/register</a></li>
<li><a href="https://louisfelipeusa.com/store-policies/">store policies</a></li>
</ul>

</div>
        </aside></div><div class="column one-fourth"><aside id="text-4" class="widget widget_text">            <div class="textwidget"><ul style="line-height: 20px; width: 50%; margin-left: 4%;">
<li><a href="https://louisfelipeusa.com/shipping/">shipping</a></li>
<li><a href="https://louisfelipeusa.com/contact/client-care/">1-786-732-0147 | email</a></li>
<li><a href="https://louisfelipeusa.com/sitemap.xml"target="_blank">sitemap</a></li>
</ul></div>
        </aside></div><div class="column one-fourth"><aside id="text-5" class="widget widget_text">            <div class="textwidget"><ul style="line-height: 20px; width: 60%; margin-left: 4%;">
<li><a href="https://louisfelipeusa.com/collection/">collection</a></li>
<li><a href="https://louisfelipeusa.com/contact/mailing-list/">join our mailing list ></a></li>
<li><a href="https://louisfelipeusa.com/about/">about</a></li>

</ul>


</div>
        </aside></div></div></div>
        
        
    </footer>

</div>
Hi, and thank you for accepting me on this forum. I'm fairly new to CSS and I was wondering if someone can point me in the right direction. I have an issue with the footer links not aligning horizontally on mobile. They align correctly on a PC, but when viewed on mobile they look vertically. Here's a link to a page. https://louisfelipeusa.com/contact/. Please view on a mobile device and advice if possible. Thanks and advance.
 


Top