Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 2, 2017 at 12:01 pm #859179
    sitesme

    Hi amazing support team :)

    This issue is regarding this post which is already closed: https://kriesi.at/support/topic/3-footer-columns-50-25-25/

    While the code worked perfectly fine for desktops, in mobiles it doesn’t. The code shouldn’t apply on mobile devices or else the columns will be all too thin. They should display normally, one column below the other, instead of being side-by-side.

    Could you please provide the CSS code for this?

    Thank you

    October 2, 2017 at 9:25 pm #859380
    Basilis

    Hey sitesme,

    You can always select the way you want it to be displayed, by using media queries
    https://teamtreehouse.com/community/are-there-standard-media-query-break-points

    Best regards,
    Basilis

    October 3, 2017 at 6:12 pm #859709
    sitesme

    Hi Basilis

    Thanks for pointing out that link, however I am useless interpreting and customising CSS code by myself. Not something I know how to do it.
    Could you please tell me the code based on the one that was given to me earlier from the following ticket? https://kriesi.at/support/topic/3-footer-columns-50-25-25/

    Thank you

    October 3, 2017 at 6:43 pm #859729
    Yigit

    Hey!

    Please use the code as following 

    @media only screen and (min-width: 768px) {
#footer .av_one_third {
width:20%;
}

#footer .first {
width:40% !important;
}}

    Alternatively, add following code to Quick CSS 

    @media only screen and (max-width: 767px) {
#footer .flex_column { width: 100% !important; margin-left: 0 !important; }}

    Regards,
    Yigit

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