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

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

    #1138616

    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,
    Mike

    #1138630

    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>
    <div>949-598-0300</div>
    </span>	

    and

    <div>
    <br>
    </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…

    #1138633

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

    Best regards,
    Mike

    #1138635

    Thanks Mike!

    #1138666

    Hi andyux,

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

    Best regards,
    Nikko

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

You must be logged in to reply to this topic.