Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 31, 2018 at 1:02 am #905272
    Julie

    Hello!

    I’ve got a site with 4 columns in the footer – how can I get them to appear in 2 columns on tablet views?

    Hoping wider columns will fix the text cutting off on the button in the 3rd column…

    Link is below– thanks in advance for your help!

    January 31, 2018 at 4:40 am #905322
    Nikko

    Hey Julie,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:1024px) and (min-width:768px) {
  #footer .flex_column.av_one_fourth {
    margin-right: 3%;
    margin-left: 0;
    width: 47%;
  }

  #footer .flex_column.av_one_fourth:nth-child(2n) {
    margin-right: 0;
    margin-left: 3%;
  }
}

    Let us know if this helps :)

    Best regards,
    Nikko

    January 31, 2018 at 4:50 am #905328
    Julie

    Awesome, thank you!

    January 31, 2018 at 4:52 am #905329
    Nikko

    Hi,

    Glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘footer widgets on tablet views – how to reduce to 2 columns instead of 4?’ is closed to new replies.