Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 28, 2015 at 7:37 am #525927
    joey13

    Hi there, I am having some issues with responsiveness on my site.

    1) I have two grid rows, one after the other, each with two cells. The first collapses fine on mobile, but the second “Meet Dr Darren” does not – the two cells are still displayed side by side rather than being stacked on top of one another, even though I have selected “Each cell is displayed on its own”. Ideally I would like the two cells to sit on top of each other as in the first grid row instead of being displayed side by side.

    2) I am also having issues with my 1/3 columns on mobile, specifically down the bottom of the page with the three contact icons and contact details. These are not collapsing either as the viewport is narrowed, rather they are still sitting side by side and going all wonky.

    Your assistance is much appreciated :)

    October 28, 2015 at 1:38 pm #526069
    wizewebz

    I’m having the same issue. I lost responsiveness on the grid rows yesterday. I tried reseting the enfold options back to the “factory” settings and I’m still encountering the issue. I also have the element page setting set to display each cell on its own.

    Any help on this would be greatly appreciated. I just launched the site and emailed all of my contacts to let them know prior to this issue. :/

    Thank you!!

    • This reply was modified 9 years ago by wizewebz.
    October 29, 2015 at 9:19 am #526597
    Rikard

    Hi @joey13,

    I couldn’t see any of the issues you described on your site, could you post screenshots to highlight the issues please? Also link directly to the page in question if the problem is not on the front page.

    @wizebebs please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply. We’d appreciate if you start a new thread next time.

    Thanks,
    Rikard

    October 30, 2015 at 12:31 am #527227
    joey13

    Hi, sorry the client was reviewing the site so I hid it! Please see screenshot attached, I have also made it visible on the site again, it is on the homepage of the link in my previous post.

    3 column issue

    I have resolved the grid row issue with a workaround, so the three-column responsive issue still stands.

    November 2, 2015 at 4:46 am #528220
    Rikard

    Hi,

    Sorry for the late reply, please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
#map-section .av_one_third {
width:100% !important;
}
}

    Thanks,
    Rikard

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