Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 15, 2019 at 5:41 pm #1138533
    andyux

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

    September 16, 2019 at 2:33 am #1138616
    Mike

    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

    September 16, 2019 at 3:02 am #1138630
    andyux

    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…

    September 16, 2019 at 3:25 am #1138633
    Mike

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

    Best regards,
    Mike

    September 16, 2019 at 3:31 am #1138635
    andyux

    Thanks Mike!

    September 16, 2019 at 5:58 am #1138666
    Nikko

    Hi andyux,

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

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.