Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1138533

    Can I force the 2 columns on footer to stay side by side (like desktop) when on mobile?


    Hey andyux,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
    #footer > .container > .flex_column.av_one_half {
    	width: 50% !important; 

    Best regards,


    Perfect! works. In orders to have the text not flow over on mobile, i created these, is this OK? i feel like mobile slowed down lots after i added this code in quick.css

    .footerfont {
    font-size: 90%;
    line-height: 140%;
    @media only screen and (max-width: 767px) { 
    .footerfont {
    font-size: 70%;
    line-height: 120%;

    and my my footer html (html widget)

    <span class="footerfont" style="text-align: left;">
    <strong>Okami Medical</strong>
    <div>8 Argonaut, Suite 100</div>
    <div>Aliso Viejo, CA 92656</div>


    <span class="footerfont" style="text-align: right;">
    <div>2019 © Okami Medical, Inc.</div>
    <div>All Rights Reserved</div></span>	

    Thanks Mike, i know this is not css class, I am taking a class now…


    This looks good and I don’t see a reason for mobile to slow down.

    Best regards,


    Thanks Mike!


    Hi andyux,

    We’re glad that we could help :)
    Let us know if you need further assistance.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.