Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 27, 2018 at 9:28 pm #1002449
    cdwiegand

    Hello,
    I need to keep this client site private so the URL is in the Private Content with this message.
    When viewing the site on phones the three columns of footer widgets smash together side by side into narrow columns, and content disappears, rather than stacking as most responsive footer columns do.
    Also, the Tabs and Accordions are not responsive! Please see notes and screenshots in the Private Content.
    Is there a [_] Responsive checkbox I forgot to check in Enfold settings somewhere?
    It’s difficult to believe these three things are non-responsive–but they are.
    We’re up against a deadline and after building out much of this site on the Enfold theme I’m discovering issues like this and the client is on hold.
    Thank you for your help.
    Chris

    August 28, 2018 at 6:34 am #1002559
    Rikard

    Hey Chris,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    • This reply was modified 6 years, 2 months ago by Rikard.
    August 28, 2018 at 4:25 pm #1002752
    cdwiegand

    This worked for phones but on tablets (portrait) the middle widget overflows behind the left widget.

    Can you give me a snippet for tablets that will prevent this?

    Thank you,

    Chris

    August 29, 2018 at 5:42 am #1002978
    Rikard

    Hi Chris,

    Thanks for the feedback. Please try this instead:

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

    Best regards,
    Rikard

    May 5, 2021 at 2:49 pm #1298587
    AlpseeDesign

    Hi Kriesi team,

    I had the same issue, perfect solution. Thank you!

    Best regards
    Meike

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Enfold footer widgets are not responsive–they do not stack’ is closed to new replies.