Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 6, 2015 at 12:10 pm #514319
    Original_Pictorial

    Hi,

    I’ve had this problem before on another Enfold site and am experiencing it again – the footer widgets on certain pages are condensing rather than aligning into priority order when in responsive mode (see photo)Footer widgets issue. I have tried using the following CSS code (provided to me last time) but it doesn’t appear to be working.

    A similar issue is also happening with an icon list across two columns on the same pages – your demo aligns as follows:
    What it should look like

    My site is condensing instead:
    What it does look like

    Can you please advise on how to resolve all of the above? Thanks

    CODE:
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .page-id-37 #footer .av_one_fourth.first,.page-id-48 #footer .av_one_fourth.first,.page-id-51 #footer .av_one_fourth.first,.page-id-54 #footer .av_one_fourth.first,.page-id-42 #footer .av_one_fourth.first,.page-id-174 #footer .av_one_fourth.first, {
    margin-left: 5%;
    float: left;
    clear: none;
    }
    .page-id-37 #footer .av_one_fourth,.page-id-48 #footer .av_one_fourth,.page-id-51 #footer .av_one_fourth,.page-id-54 #footer .av_one_fourth,.page-id-42 #footer .av_one_fourth,.page-id-174 #footer .av_one_fourth, {
    margin-left: 4%;
    width: 22%;
    }}

    October 6, 2015 at 3:57 pm #514477
    Elliott

    Hey Original_Pictorial!

    Your probably using a grid row element which does not stack it’s cells on top of each other on small screens. You will want to use a color section with column elements inside of it instead.

    Best regards,
    Elliott

    October 6, 2015 at 4:03 pm #514487
    Original_Pictorial

    Hi Elliott,

    Thanks for your reply – I’m not using a grid row but two column elements instead (in the case of the icon list issue). I tried your colour row suggestion anyway but it didn’t make any difference I’m afraid. It also doesn’t resolve the footer problem as of course that is controlled from the widgets dashboard. Please can you advise?

    I’ve included a link to the website and an admin access if that helps?

    Thanks,
    Cara

    October 7, 2015 at 12:02 am #514850
    Original_Pictorial

    Any update please Elliott?

    October 7, 2015 at 8:37 am #514988
    Ismael

    Hey!

    I can see the issue on this page: http://www.taxi-cover-plus.com/other-insurance/

    This issue happens randomly so we can’t lock out the problem. One way to fix this is to put all columns inside a new color section just like what I did in the page. Please check it.

    Best regards,
    Ismael

    October 7, 2015 at 10:24 am #515068
    Original_Pictorial

    Hi Ismael,

    Thanks for coming back to me,

    I have figured out early this am that I have to put all elements in a colour section on the page to avoid this which isn’t ideal – it sounds like you are already aware of this issue however, so as long as I have a workaround when needed, I can manage.

    Thanks for your help!

    October 8, 2015 at 5:22 am #515555
    Rikard

    Hey,

    Sorry for the troubles, please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

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