Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #905272

    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!

    #905322

    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

    #905328

    Awesome, thank you!

    #905329

    Hi,

    Glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

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.