Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1002449

    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

    #1002559

    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, 1 month ago by Rikard.
    #1002752

    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

    #1002978

    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

    #1298587

    Hi Kriesi team,

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

    Best regards
    Meike

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.